<tfoot id="cgama"></tfoot>

<fieldset id="cgama"></fieldset>

<ul id="cgama"></ul>

CSS引入本地字體與在線字體

justCoding 發布于2019-04-23 11:44 / 3499人閱讀

摘要：特別提到一點，最好是不要引入特別的中文字體，主要是中文字體文件實在是太大了些，如果只是幾個字完全可以做成或者的格式。

有些時候為了強調某些文字，需要使用一些比較特別的字體，CSS中現在也可以比較方便的引入字體了，如下：

/* 定義字體 */
@font-face{
  font-family: Arista2;
  src: url("./Arista2.0.ttf");
}

其中font-family就是之后使用時候的字體名稱了，如此一來CSS中就可以直接使用本地的字體了，如下：

font-family: "Arista2";

如果需要引用在線字體，首先需要找到在線字體，國內推薦谷歌字體，雖然里面的中文字體不知道什么緣故無法使用，但英文字體還可以，至于詳細的使用方法網站中有說明這里便不贅敘了。

特別提到一點，最好是不要引入特別的中文字體，主要是中文字體文件實在是太大了些，如果只是幾個字完全可以做成svg或者png的格式。

點擊此查看你樣例

云服務器 GPU云服務器 css字體庫 css 服務器字體 html 本地字體 css3服務器端字體

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/1081.html

iconfont的使用方法(更新了一些內容）

摘要：方式和方式是極其相似的，只不過他們一個用的是圖標的字體編碼，一個用的是圖標的引用而已是使用了引用的類名，可在下載的中查看，或者可以在阿里矢量圖標庫的網站上，進入我的項目查看。字體圖標iconfont阿里官網傳送門： http://www.iconfont.cn/打開首頁的小圖標好漂亮哦1）showImg(https://segmentfault.com/img/bVbghOc?w=1...

tianlai 2019-08-23 11:39 評論0 收藏0
iconfont實踐小結

摘要：所以實現小圖標時雪碧圖跟圖標字體會在一個網站共存，自定義圖標字體為什么比較耗時，且太復雜圖標無法實現請往下看開發流程就了解了。參考資料細談淺談圖標字體向下兼容優雅降級技術繪制小圖標技巧雪碧圖圖標字體矢量小圖標設計本文對應源碼源碼地址演示地址 showImg(https://segmentfault.com/img/bVRnAC?w=431&h=220); 之前寫了一篇關于雪碧圖的博文，...

bitkylin 2019-08-29 13:00 評論0 收藏0
博客引入漂亮字體二三事

摘要：火狐推遲對字體的支持，重點放在格式上。網絡字體的效率字體文件的體積可能非常的大尤其是對于漢字，而且需要額外的連接，這些都會降低網站頁面的加載速度。最近興致上來，就想更換了那Blog標題字體(漢字的)；網上搜索了一番，發現蘇新詩柳繁體這款甚合我心；然后就著手搞將了起來，分分鐘也算是替換了；但，這僅僅是此次折騰的開始；這就細細道來作為學習筆記記載。原文首發鏈接http://www.je...

Pocher 2019-08-19 17:37 評論0 收藏0