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

Question

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

Answer 1

使用css的@font-face引入服务器文件中的字体；使用方法：123456@font-face{font-family:ch;/*为引入的字体命名*/src:url(../font/FZZCHJW.TTF);/*定义要引入字体文件的路径*/} 

Answer 2

12345678910111213<style>&nbsp;@font-face{font-family:&nbsp;myFirstFont;src:&nbsp;url('Sansation_Light.ttf'),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url('Sansation_Light.eot');&nbsp;/*&nbsp;IE9+&nbsp;*/}&nbsp;div{font-family:myFirstFont;}</style>举个例子，url里的就是你的字体文件的网络位置调用该字体时，只要调用@font-face{}里定义好的font-family名字就可以了&nbsp;&nbsp;

Answer 3

font-family 如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family&nbsp;属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。因为你第一个字体已经被调用了，所以不会调用第二个字体，如果需要中文和英文分开显示不同的字体，你只能给中文和英文分别指定字体了。123456789<style>&nbsp;&nbsp;&nbsp;&nbsp;.f_cn{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family:'苹方';&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;.f_en{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font-family:'San&nbsp;Francisco';&nbsp;&nbsp;&nbsp;&nbsp;}</style><p><span&nbsp;class="f_cn">中文</span<span&nbsp;class="f_en">english</span></p>