10-字体样式

字体样式

• font-size：设置字体大小，单位为px，数字越大，字号越大

• font-family：设置字体样式，可以设置多个字体样式，中间使用逗号隔开，根据电脑系统中自带的字体进行从左到右的依次适应

• font-weight
  

  ：设置字体粗细。

  • 数字：100-900，数字越大字体越粗

  • 英文单词：

    • normal：正常粗细
    • bold：粗体
    • bolder：更粗
    • lighter：更细

• font-style
  

  ：设置字体风格

  • italic：表示斜体

字体引用技术

• 可以使用自己的字体文件，用户电脑上不需要安装该字体

  1.引入
  @font-face{
      /* 定义字体名称 */
      font-family: 自定义名称;
      /* 引入字体文件 */
      src: url(字体文件路径),url(字体文件路径);
  }
  2.使用
  选择器{
      font-family: 自定义名称;
  }