请问CSS如何调用系统没有的字体

Question

请问CSS如何调用系统没有的字体

Answer 1

使用css的@font-face引入服务器文件中的字体；

使用方法：

1 2 3 4 5 6

@font-face{ font-family:ch; /*为引入的字体命名*/ src:url(../font/FZZCHJW.TTF); /*定义要引入字体文件的路径*/ }

 

Answer 2

1 2 3 4 5 6 7 8 9 10 11 12 13

<style>  @font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'),      url('Sansation_Light.eot'); /* IE9+ */ }   div { font-family:myFirstFont; } </style>

举个例子，url里的就是你的字体文件的网络位置

调用该字体时，只要调用@font-face{}里定义好的font-family名字就可以了

 

 

Answer 3

font-family 如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。

因为你第一个字体已经被调用了，所以不会调用第二个字体，如果需要中文和英文分开显示不同的字体，你只能给中文和英文分别指定字体了。

1 2 3 4 5 6 7 8 9

<style>     .f_cn{         font-family:'苹方';     }     .f_en{         font-family:'San Francisco';     } </style> <p><span class="f_cn">中文</span<span class="f_en">english</span></p>