美文网首页
自定义字体

自定义字体

作者: 周三胖 | 来源:发表于2017-09-04 14:23 被阅读0次

    @font-face是什么
    @font-face是一个css命令,用来导入服务器端字体,将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。因此本地浏览器浏览网页时,不需要设置字体,就可以查看@font-face设置的任何字体。
    ---  
    @font-face在css中使用:  
    @font-face的语法规则:

     @font-face {  
                    font-family: <YourWebFontName>;  
                    src: <source> [<format>][,<source> [<format>]]*;  
                    [font-weight: <weight>];  
                    [font-style: <style>];  
    } 
    

    取值说明 
    1.YourWebFontName:此值指的就是自定义的字体名称,最好是使用下载的默认字体,他将被引用到Web元素中的font-family。如“font-family:"YourWebFontName";”
    2.source:此值指的是自定义的字体的存放路径,可以是相对路径也可以是绝路径;  
    3.format:此值指的是自定义的字体的格式,主要用来帮助浏览器识别,其值主要有以下几种类型:truetype,opentype,truetype-aat,embedded-opentype,avg等;  
    4.weight和style:weight定义字体是否为粗体,style主要定义字体样式,如斜体。

    相关文章

      网友评论

          本文标题:自定义字体

          本文链接:https://www.haomeiwen.com/subject/ryfnittx.html