css3 @font-face规则笔记

原创 国哥笔记  2019-02-09 09:56  阅读 245 views 次

@font-face规则定义及用法

@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。

字体的名称,font - face规则:

  • font-family: myFirstFont;

字体文件包含在您的服务器上的某个地方,参考CSS:

  • src: url('Sansation_Light.ttf')

如果字体文件是在不同的位置,请使用完整的URL:

  • src: url('http://www.w3cschool.css/css3/Sansation_Light.ttf')

现在准备使用该字体,下面是如何使用它所有的div元素的一个例子:

div{font-family: myFirstFont;}

语法:

@font-face{font-properties}

以下实例为在div中使用的字体:

div{font-family: myFirstFont;}

语法:

@font-face{font-properties}

属性说明

font-family

  • 值:name
  • 说明:定义字体的名称。

src

  • 值:URL
  • 说明:定义该字体下载的网址(S)

font-stretch

  • 值:font-stretch/normal/condensed/ultra-condensed/extra-condensed/semi-condensed/expanded/semi-expanded/extra-expanded/ultra-expanded
  • 说明:可选,定义该字体应该如何被拉长,默认值是"正常"

font-style

  • 值:normal/italic/oblique
  • 说明:可选,定义该字体应该是怎样样式,默认值是"正常"

font-weight

  • 值:normal/bold/100/200/300/400/500/600/700/800/900
  • 说明:可选,定义字体的粗细,默认值是"正常"

unicode-range

  • 值:unicode-range
  • 说明:可选,定义该字体支持Unicode字符的范围,默认值是"ü+0-10 FFFF"

 

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-font-face.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情