CSS3字体

CSS3 主要可以分为以下几个模块:
边框和背景,渐变,文字特效,字体,选择器,盒模型,2D/3D转换,动画,多列布局,用户界面
下面是字体模块:
在CSS3之前,web设计师必须使用已在用户计算机上安装好的字体,不能够使用离线字体,不过通过CSS3,web设计师可以使用他们喜欢的任意字体,
当找到或购买到希望使用的字体时,可将该字体文件存放到web服务器上,它会在需要时被自动下载到用户的计算机上。

  • @font-face属性
    在新的 @font-face 规则中,必须首先定义字体的名称(比如 myFont),然后指向该字体文件。
    通过 font-family 属性来引用字体的名称。
<style>
  @font-face{
    font-family:myFont;
    src:url(字体所在位置);
  }

  /*使用字体自己的字体*/
   div{
    font-family:myFont;
  }
</style>

使用粗体文本

@font-face
{
   font-family: myFirstFont;
   src: url(sansation_bold.woff);
   font-weight:bold;
}

CSS3 字体描述
下面是所有的字体描述和里面的@font-face规则定义:
font-family: name 必需。规定字体的名称。
src: URL 必需。定义字体文件的 URL。
font-stretch: 可选。定义如何拉伸字体。默认是 "normal"。
font-style: (normal italic oblique) 可选。定义字体的样式。默认是 "normal"。
font-weight: (normal bold 100 200...900)可选。定义字体的粗细。默认是 "normal"。
unicode-range:可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容