网站引入特殊字体

Posted 笑嘻嘻的小银

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站引入特殊字体相关的知识,希望对你有一定的参考价值。

先获取这些字体文件

然后添加css

/*引入字体(pt-din-condensed-cyrillic)*/
@font-face {
  font-family: \'pt\';
  src: url(\'../font/pt/pt-din-condensed-cyrillic.eot\');
  src: url(\'../font/pt/pt-din-condensed-cyrillic.eot?#iefix\') format(\'embedded-opentype\'),
  url(\'../font/pt/pt-din-condensed-cyrillic.woff\') format(\'woff\'),
  url(\'../font/pt/pt-din-condensed-cyrillic.ttf\') format(\'truetype\'),
  url(\'../font/pt/pt-din-condensed-cyrillic.svg\') format(\'svg\');
  font-style: normal;
  font-weight: normal;
}

 

以上是关于网站引入特殊字体的主要内容,如果未能解决你的问题,请参考以下文章

微信打开网站字体变小怎么修改代码

@font-face处理网页中特殊字体

vue 项目引入字体报错

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

CSS怎么在项目里引入自定义字体图标(@font-face)

laravel特殊功能代码片段集合