資訊專欄INFORMATION COLUMN
摘要：特別提到一點(diǎn)，最好是不要引入特別的中文字體，主要是中文字體文件實(shí)在是太大了些，如果只是幾個(gè)字完全可以做成或者的格式。
有些時(shí)候?yàn)榱藦?qiáng)調(diào)某些文字，需要使用一些比較特別的字體，CSS中現(xiàn)在也可以比較方便的引入字體了，如下：
/* 定義字體 */ @font-face{ font-family: Arista2; src: url("./Arista2.0.ttf"); }
其中font-family就是之后使用時(shí)候的字體名稱了，如此一來CSS中就可以直接使用本地的字體了，如下：
font-family: "Arista2";
如果需要引用在線字體，首先需要找到在線字體，國內(nèi)推薦谷歌字體，雖然里面的中文字體不知道什么緣故無法使用，但英文字體還可以，至于詳細(xì)的使用方法網(wǎng)站中有說明這里便不贅敘了。
特別提到一點(diǎn)，最好是不要引入特別的中文字體，主要是中文字體文件實(shí)在是太大了些，如果只是幾個(gè)字完全可以做成svg或者png的格式。
點(diǎn)擊此查看你樣例
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1081.html
摘要：方式和方式是極其相似的，只不過他們一個(gè)用的是圖標(biāo)的字體編碼，一個(gè)用的是圖標(biāo)的引用而已是使用了引用的類名，可在下載的中查看，或者可以在阿里矢量圖標(biāo)庫的網(wǎng)站上，進(jìn)入我的項(xiàng)目查看。 字體圖標(biāo)iconfont阿里官網(wǎng)傳送門： http://www.iconfont.cn/打開首頁的小圖標(biāo)好漂亮哦1）showImg(https://segmentfault.com/img/bVbghOc?w=1...
摘要：所以實(shí)現(xiàn)小圖標(biāo)時(shí)雪碧圖跟圖標(biāo)字體會在一個(gè)網(wǎng)站共存，自定義圖標(biāo)字體為什么比較耗時(shí)，且太復(fù)雜圖標(biāo)無法實(shí)現(xiàn)請往下看開發(fā)流程就了解了。參考資料細(xì)談淺談圖標(biāo)字體向下兼容優(yōu)雅降級技術(shù)繪制小圖標(biāo)技巧雪碧圖圖標(biāo)字體矢量小圖標(biāo)設(shè)計(jì)本文對應(yīng)源碼源碼地址演示地址 showImg(https://segmentfault.com/img/bVRnAC?w=431&h=220); 之前寫了一篇關(guān)于雪碧圖的博文，...
摘要：火狐推遲對字體的支持，重點(diǎn)放在格式上。網(wǎng)絡(luò)字體的效率字體文件的體積可能非常的大尤其是對于漢字，而且需要額外的連接，這些都會降低網(wǎng)站頁面的加載速度。 最近興致上來，就想更換了那Blog標(biāo)題字體(漢字的)；網(wǎng)上搜索了一番，發(fā)現(xiàn)蘇新詩柳繁體這款甚合我心；然后就著手搞將了起來，分分鐘也算是替換了；但，這僅僅是此次折騰的開始；這就細(xì)細(xì)道來作為學(xué)習(xí)筆記記載。 原文首發(fā)鏈接http://www.je...
閱讀 2777·2021-10-11 10:57
閱讀 1628·2021-09-26 09:55
閱讀 1350·2021-09-06 15:11
閱讀 3513·2021-08-26 14:16
閱讀 713·2019-08-30 15:54
閱讀 570·2019-08-30 12:43
閱讀 3345·2019-08-29 16:18
閱讀 2620·2019-08-23 16:14
