QQ 1640076782

2013年04月28日

网站需要使用非常规字体时的CSS解决方法

Filed under: 未分类 — 标签: — lifengwu @ 3:12 上午

外贸网站我们常用的字体不外乎Verdana,"Trebuchet MS","Trebuchet MS",Helvetica,sans-serif 这几类,而且这些字体是多数电脑上自带的,不用担心显示问题,但如果是非常规字体,如果浏览者本身电脑上未安装这种字体,那网站的显示效果就会大打折扣,这个时候我们需要直接在服务器上调用这个字体,问题就解决了,字体调用方法如下:
<style>
@font-face{ font-family: ‘Myriad Pro’; 
src: url(‘../font/MyriadPro-Regular.eot’);
src: url(‘../font/MyriadPro-Regular.eot?#iefix’) format(‘embedded-opentype’),url(‘../font/MyriadPro-Regular.woff’) format(‘woff’),url(‘../font/MyriadPro-Regular.ttf’) format(‘truetype’), url(‘../font/MyriadPro-Regular.svg#MyriadPro’) format(‘svg’);font-weight: normal; font-style: normal;  }
</style>

注意这里的MyriadPro是你需要的字体,这个字体需要放在你自己的站点当中,由于浏览器的兼容性,需要同一种字体的多种格式,如otf、ttf、woff、svg,我们只需要有其中的一种,其他格式可以找字体转换软件转换即可!

注意:@font-face 后面是不需要“:”的,切记!