可愛(ài)氣質(zhì)的中文字體，字體視界法棍體-開(kāi)源免費(fèi)下載

源：設(shè)計(jì)達(dá)人網(wǎng)
鏈接：https://www.shejidaren.com/ziti-shijie-fa-gunti.html

今天給大家推薦一款免費(fèi)的中文字體字體視界法棍體，該字體由「義啟字庫(kù)」制作，主打可愛(ài)風(fēng)格，特別適合做一些卡通、可愛(ài)的主題海報(bào)設(shè)計(jì)作品。另外字體視界法棍體還是一款免費(fèi)開(kāi)放給個(gè)人和企業(yè)使用的中文字體，建議設(shè)計(jì)師們收藏或下載。

字體特點(diǎn)：

法棍體筆畫(huà)有規(guī)律加粗和淡化棱角，漢字的折角使用了平滑曲線代替，字體看起來(lái)有點(diǎn)像卡通手寫(xiě)字，同時(shí)又具備可愛(ài)不笨粗的氣質(zhì)。采用GB2312編碼，共收容7608個(gè)字符，包含6771個(gè)簡(jiǎn)體漢字，110個(gè)大寫(xiě)字母、139個(gè)小寫(xiě)字母，102個(gè)數(shù)字(含阿拉伯?dāng)?shù)字、羅馬數(shù)字等)、98個(gè)標(biāo)點(diǎn)符號(hào)，其他特殊符號(hào)164個(gè)，其他字母224個(gè)。

細(xì)品法棍體，可愛(ài)不粗笨，適用場(chǎng)景多，開(kāi)源是優(yōu)選。

字體案例演示:

下面我們來(lái)看看關(guān)于「字體視界法棍體」字體的一些使用案例，在招牌LOGO和海報(bào)設(shè)計(jì)中使用非常合適。

圖：漢字、數(shù)字、字母與符號(hào)預(yù)覽

圖：LOGO字體案例

其它場(chǎng)景使用：

在下圖的海報(bào)設(shè)計(jì)中，字體所采用的設(shè)計(jì)技巧也是值得大家學(xué)習(xí)，利用文字封閉的位置填充顏色，再搭配手繪小圖標(biāo)，形成一個(gè)好看的圖案標(biāo)題。此外因?yàn)楸尘罢掌珡?fù)雜，為了讓文字看得清晰，所以加入了一個(gè)透明的圓形背景來(lái)解決這個(gè)視覺(jué)問(wèn)題。

圖：字體在海報(bào)設(shè)計(jì)中的應(yīng)用

注：安裝字體后如果找不到字體，可輸入「字體視界法棍體」來(lái)查找字體，CSS 的 font-family 名稱(chēng)為：ZTSJ。

私信回復(fù)：“法棍體”！獲取下載鏈接

路：

文字自下而上使用：top屬性

文字上色：使用::before偽元素，width從0 到100%實(shí)現(xiàn)；

文字下方的下劃線：使用::after偽元素+width實(shí)現(xiàn)；

實(shí)現(xiàn)代碼：

欲善其事，必先利其器。在我們開(kāi)發(fā)的過(guò)程中，一些“輪子”、工具能夠幫助我們應(yīng)對(duì)項(xiàng)目中切實(shí)的需求，提升開(kāi)發(fā)的效率。所以，日常收集一些庫(kù)或工具就顯得尤為重要了。畢竟，遇見(jiàn)需求/問(wèn)題的時(shí)候，能做到“家有余糧，心中不慌。”

在本期中，我依然精選了一些近期收羅的開(kāi)源庫(kù)、工具以及我的微博上 #每日一Pen# 話(huà)題中大家轉(zhuǎn)發(fā)較多的編程靈感，希望你們有所收獲。

前端

1. TypeLighter.js

TypeLighter.js 是一款輕量級(jí)（Gzip 壓縮后僅 1.04KB）的 JS 庫(kù)，能夠幫助你實(shí)現(xiàn)打字機(jī)效果。它提供了 8 個(gè)屬性（寫(xiě)入速度、寫(xiě)入/刪除延遲等）供你微調(diào)，更改 data 屬性即可更改其值。 ????

項(xiàng)目地址：
https://github.com/EdernClemente/TypeLighterJS

2.Clendar

Clendar 是一款輕量級(jí)、無(wú)依賴(lài)的 JS 日歷組件。它具備簡(jiǎn)潔的 API，適用于 React、Vue、Angular 等框架。 ????

項(xiàng)目地址：
https://github.com/simbawus/calendar

3.Lax.js

Lax.js 是一款輕量的 Vanilla JS 插件，當(dāng)頁(yè)面滾動(dòng)時(shí)，創(chuàng)建流暢、炫酷的動(dòng)畫(huà)效果，讓你的網(wǎng)站“動(dòng)”起來(lái)。

項(xiàng)目地址：
https://github.com/alexfoxy/laxxx

4.HIUI

HIUI 是由小米開(kāi)源的面向中后臺(tái)系統(tǒng)的前端組件庫(kù)。它以用戶(hù)體驗(yàn)一致性為出發(fā)點(diǎn)，提供類(lèi)型全面的組件庫(kù)和頁(yè)面模板，幫助開(kāi)發(fā)人員快速實(shí)現(xiàn)交互一致、界面美觀的界面開(kāi)發(fā)。 ?

項(xiàng)目地址：
https://github.com/XiaoMi/hiui

5.awesome-coding-js

這個(gè)倉(cāng)庫(kù)整合了大量算法和數(shù)據(jù)結(jié)構(gòu)的 JavaScript 實(shí)現(xiàn)，涉及經(jīng)典排序算法、二叉樹(shù)、鏈表、字符串等內(nèi)容，鞏固基礎(chǔ)的朋友，可以關(guān)注下。

項(xiàng)目地址：
https://github.com/ConardLi/awesome-coding-js

6.JS-Dev-Reads

專(zhuān)為 JS 開(kāi)發(fā)者匯總的閱讀清單，涉及圖書(shū)推薦、文章精選等內(nèi)容。

項(xiàng)目地址：
https://github.com/twhite96/js-dev-reads

后端

1.JetCache

JetCache 是由阿里巴巴開(kāi)源的通用緩存訪問(wèn)框架，它提供了統(tǒng)一的 API 和注解來(lái)簡(jiǎn)化緩存的使用。如果你了解 SpringCache 的話(huà)，那么更容易接受它，因?yàn)樗?SpringCache 更強(qiáng)大。它支持 TTL、兩級(jí)緩存、分布式緩存自動(dòng)刷新、異步 Cache API，還可以手動(dòng)去操作緩存實(shí)例。

項(xiàng)目地址：
https://github.com/alibaba/jetcache

2.architect-awesome

一套非常全面的后端架構(gòu)師技術(shù)圖譜，從數(shù)據(jù)結(jié)構(gòu)與算法著手，帶你學(xué)習(xí)后端技術(shù)的方方面面。目前 GitHub 上已有 3.7W Star，值得推薦。

項(xiàng)目地址：
https://github.com/xingshaocheng/architect-awesome

3.Bistoury

Bistoury 是去哪兒網(wǎng)開(kāi)源的一個(gè)對(duì)應(yīng)用透明，無(wú)侵入的 Java 應(yīng)用診斷工具。它提供了在線 Debug、線程級(jí) CPU 監(jiān)控等諸多功能，幫助開(kāi)發(fā)人員直接通過(guò)日志、內(nèi)存、線程、類(lèi)信息、調(diào)試、機(jī)器和系統(tǒng)屬性等各個(gè)方面對(duì)應(yīng)用進(jìn)行診斷，提升開(kāi)發(fā)人員的診斷效率和診斷能力。

項(xiàng)目地址：
https://github.com/qunarcorp/bistoury

4.Python-Crawler-Tutorial-Starts-From-Zero

這是 Python 從零到一爬蟲(chóng)系列教程。教程涉及爬蟲(chóng)預(yù)備知識(shí)、請(qǐng)求分析流程、Requests 模塊的使用等基礎(chǔ)知識(shí)部分，以及 3 個(gè)項(xiàng)目實(shí)例內(nèi)容，幫助你零到一學(xué)會(huì) Python 爬蟲(chóng)。

項(xiàng)目地址：
https://github.com/Kr1s77/Python-crawler-tutorial-starts-from-zero

5.VHR

VHR（微人事）是一個(gè)由 SpringBoot+Vue 開(kāi)發(fā)的人力資源管理系統(tǒng)。項(xiàng)目采用前后端分離，并提供了詳細(xì)的開(kāi)發(fā)文檔，供參考與學(xué)習(xí)。

項(xiàng)目地址：
https://github.com/lenve/vhr

移動(dòng)端

1.Morec

Morec 是一個(gè)精美的 Flutter 版電影客戶(hù)端。它利用了豆瓣現(xiàn)有的 API，實(shí)現(xiàn)了具備電影搜索、電影榜單、詳情介紹等完整功能的電影展示，或許這個(gè)項(xiàng)目能給你一些參考。 ?

項(xiàng)目地址：
https://github.com/Mayandev/morec

2.PickerView

這是一個(gè)非常好用的 Android PickerView 庫(kù)，內(nèi)部提供 2 種常用類(lèi)型的 Picker.它支持?jǐn)U展自定義 Picker、自定義彈窗，也可作為 View 的非彈窗場(chǎng)景。

項(xiàng)目地址：
https://github.com/jaaksi/pickerview

3.Xpush

Xpush 是一款輕量級(jí)、可插拔的 Android 消息推送框架。它集成便捷，提供了一鍵集成推送（極光推送、友盟推送、華為、小米推送等），它具備豐富的功能（支持推送相關(guān)的注冊(cè)、注銷(xiāo)，標(biāo)簽的增加、刪除、獲取等操作），還支持統(tǒng)一的消息訂閱、增加消息過(guò)濾器、支持 Android 9.0.

項(xiàng)目地址：
https://github.com/xuexiangjys/XPush

工具/資源

1.React Image Crop

React Image Crop 是一款響應(yīng)式圖像剪裁工具，它具備輕量、無(wú)依賴(lài)、響應(yīng)式、支持觸控等特性。

項(xiàng)目地址：
https://github.com/DominicTobias/react-image-crop

2.Chrome 插件英雄榜

這個(gè)倉(cāng)庫(kù)匯集了眾多優(yōu)秀、實(shí)用的 Chrome 插件，并提供了詳盡的說(shuō)明。或許，你會(huì)淘到自己喜歡的工具。

項(xiàng)目地址：
https://github.com/zhaoolee/ChromeAppHeroes

3.Microsoft Whiteboard

Microsoft Whiteboard 是由微軟推出的一款電子白板軟件，能幫助你便捷的記錄想法、靈感與創(chuàng)意。它支持實(shí)時(shí)協(xié)作，云端保存等功能。目前可以免費(fèi)下載，喜歡的朋友可以試試。 ????

項(xiàng)目地址：
https://products.office.com/zh-cn/microsoft-whiteboard/digital-whiteboard-app

4.StarrySky

這是一個(gè)豐富的音樂(lè)播放封裝庫(kù)。它針對(duì)快速集成音頻播放功能，減少大家搬磚的時(shí)間，提升開(kāi)發(fā)效率。

項(xiàng)目地址：
https://github.com/EspoirX/StarrySky

5.Awesome Actions

這個(gè)倉(cāng)庫(kù)匯集了與 GitHub Actions 相關(guān)的優(yōu)質(zhì)內(nèi)容。除了官方推薦以外，作者還匯總了 Actions 相關(guān)的工具、應(yīng)用、測(cè)試、服務(wù)等眾多內(nèi)容。 ?

項(xiàng)目地址：
https://github.com/sdras/awesome-actions

6.A Programmer's Guide to English

這是一個(gè)專(zhuān)為程序員編寫(xiě)的英語(yǔ)學(xué)習(xí)指南。面對(duì)網(wǎng)上雜七雜八的英語(yǔ)學(xué)習(xí)技巧，如果想要學(xué)好英語(yǔ)，這個(gè)指南將會(huì)減少你不必要花費(fèi)的時(shí)間。

項(xiàng)目地址：
https://github.com/yujiangshui/A-Programmers-Guide-to-English

編程靈感

1.Simple CSS Waves

純 CSS 實(shí)現(xiàn)簡(jiǎn)單的波浪動(dòng)畫(huà)。

查看源碼：
https://codepen.io/goodkatz/pen/LYPGxQz

2.CSS 3D Carousel Room

CSS+JS 實(shí)現(xiàn) 3D Carousel Room 效果。

查看源碼：
https://codepen.io/Anemolo/pen/ERPvZV

3.Pure CSS Cute Cup

純 CSS 繪制可愛(ài)杯子動(dòng)畫(huà)。

查看源碼：
https://codepen.io/keirafoxy/pen/JgdBVW

4.Play Hard

HTML+CSS+JS 實(shí)現(xiàn)《Play Hard》文字伸縮炫彩動(dòng)畫(huà)。

查看源碼：
https://codepen.io/chrisgannon/pen/KONLar

5.CSS Only-Social Icons

純 CSS 實(shí)現(xiàn)帶有 Hover 效果的社交圖標(biāo)。

查看源碼：
https://codepen.io/Stockin/pen/aQoQGr

彩蛋

100 Days Of ML Code

人工智能一直是科技領(lǐng)域的熱點(diǎn)，目前市場(chǎng)的需求也更為強(qiáng)烈，所以想學(xué)它人不在少數(shù)。但是，面對(duì)網(wǎng)絡(luò)上良莠不齊的學(xué)習(xí)資源，鑒別和甄選其價(jià)值卻耗費(fèi)了我們不少時(shí)間與精力。今天分享的《100 Days Of ML Code》——百日機(jī)器學(xué)習(xí)計(jì)劃，在 GitHub 上可謂相當(dāng)火爆，于是有熱心網(wǎng)友就將其翻譯成了中文版本，供大家參考與學(xué)習(xí)。

這是一個(gè)系統(tǒng)的學(xué)習(xí)計(jì)劃，作者圖文并茂的講述了機(jī)器學(xué)習(xí)的相關(guān)概念，并有源碼輔助教學(xué)，內(nèi)容從易到難、循序漸進(jìn)的幫你掌握機(jī)器學(xué)習(xí)的概念與應(yīng)用，推薦給大家。

項(xiàng)目地址：
https://github.com/MLEveryday/100-Days-Of-ML-Code

感謝你的閱讀。若你有所收獲，點(diǎn)贊與分享是給我最大的支持。

注：

如需轉(zhuǎn)載，煩請(qǐng)按下方注明出處信息，謝謝！

作者：IT程序獅
原文地址：
https://zhuanlan.zhihu.com/p/81911980

同時(shí)也歡迎關(guān)注我的微信公眾號(hào)【IT程序獅】，不定期分享 IT 學(xué)習(xí)文章與資源。

整合營(yíng)銷(xiāo)服務(wù)商

可愛(ài)氣質(zhì)的中文字體，字體視界法棍體-開(kāi)源免費(fèi)下載

前端

后端

移動(dòng)端

工具/資源

編程靈感

彩蛋

更多文章

您的項(xiàng)目需求