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


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

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

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

font-family: "Arista2";

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

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

點擊此查看你樣例


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM