@font-face自定义css字体

@font-face自定义css字体

1.什么是@font-face

@font-face指定一个用于显示文本的自定义字体；字体能从远程服务器或者用户本地安装的字体加载。
@font-face 可以消除对用户电脑字体的依赖。
指定查找和使用本地安装的字体名称可以让字体的自定义化程度超过基本字体，同时在不依赖网络情况下实现此功能。

2.@font-face的使用

@font-face {
  font-family: "FontName";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("/fonts/OpenSans-Regular-webfont.woff") format("woff");
}

属性说明

• font-family
  • 用于给自定义字体设置使用名称 FontName
• src
  • 用于加载自定义文字的路径

3.浏览器兼容