CSS引入本地字体与在线字体
程序员文章站
2022-06-26 09:53:45
有些时候为了强调某些文字,需要使用一些比较特别的字体,CSS中现在也可以比较方便的引入字体了,如下: 其中font-family就是之后使用时候的字体名称了,如此一来CSS中就可以直接使用本地的字体了,如下: 如果需要引用在线字体,首先需要找到在线字体,国内推荐谷歌字体,虽然里面的中文字体不知道什么 ......
有些时候为了强调某些文字,需要使用一些比较特别的字体,css中现在也可以比较方便的引入字体了,如下:
/* 定义字体 */ @font-face{ font-family: arista2; src: url("./arista2.0.ttf"); }
其中font-family就是之后使用时候的字体名称了,如此一来css中就可以直接使用本地的字体了,如下:
font-family: "arista2";
如果需要引用在线字体,首先需要找到在线字体,国内推荐,虽然里面的中文字体不知道什么缘故无法使用,但英文字体还可以,至于详细的使用方法网站中有说明这里便不赘叙了。
特别提到一点,最好是不要引入特别的中文字体,主要是中文字体文件实在是太大了些,如果只是几个字完全可以做成svg或者png的格式。
推荐阅读
-
详解如何在css中引入自定义字体(font-face)
-
详解如何在css中引入自定义字体(font-face)
-
css引入字体文件影响性能(css半透明的渐变设置方法)
-
css引入字体文件影响性能(css半透明的渐变设置方法)
-
在vue中更换字体,本地存储字体非引用在线字体库的方法
-
css3基础-文本与字体+转换+过渡+动画+案例
-
CSS3中引入多种自定义字体font-face
-
第十一课 CSS介绍与font字体 css学习1
-
CSS之精灵图与字体图标
-
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git