CSS引入本地字体与在线字体

更新日期: 2019-03-26阅读: 9.6k标签: css引用

有些时候为了强调某些文字,需要使用一些比较特别的字体,css中现在也可以比较方便的引入字体了,如下:  

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


其中font-family就是之后使用时候的字体名称了,如此一来CSS中就可以直接使用本地的字体了,如下:

font-family: "Arista2";


如果需要引用在线字体,首先需要找到在线字体,国内推荐谷歌字体,虽然里面的中文字体不知道什么缘故无法使用,但英文字体还可以,至于详细的使用方法网站中有说明这里便不赘叙了。

特别提到一点,最好是不要引入特别的中文字体,主要是中文字体文件实在是太大了些,如果只是几个字完全可以做成svg或者png的格式。

链接: https://www.fly63.com/article/detial/2556

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!