css3 @font-face_html/css_WEB-ITnose

html教程评论408 views阅读模式

很长时间,web设计师总是得用一些“web-safe”字体,现在@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。

原理是:字体文件放到web服务器,在需要的时候被自动下载到用户的计算机上。

一、@font-face介绍

语法:

@font-face {      font-family: 
 
  ;      src: 
   [
  
   ][,
    [
   
    ]]*; [font-weight: 
    
     ]; [font-style: 
     
     

普通字体

single malta

效果:

三、资源链接

网页中导入特殊字体@font-face属性详解

http://www.w3cfuns.com/thread-5597432-1-1.html

获取字体

http://www.google.com/fonts/

http://www.dafont.com/

第三方生成字体工具

http://www.fontsquirrel.com/fontface/generator

企鹅博客
  • 本文由 发表于 2019年9月15日 21:13:59
  • 转载请务必保留本文链接:https://www.qieseo.com/368839.html

发表评论