css引入字体样式

知有的头像
知有
295

@font-face标签

@font-face允许您在网页中使用电脑中没有安装的字体,完全摆脱安全字体的限制。只需将字体包安装在服务器上,当用户加载网页时,字体包会自动下载到用户机器上,保证字体能够正确渲染。

CSS引入外部字体的步骤:

1.在CSS中引入字体并给外部字体自定义一个名称

@font-face{
  font-family:用户自定义的字体名称;
  src:url('加载外部字体文件的文件地址'),
  url('加载外部字体文件的文件地址'),
  }
//font-family定义字体的名字,接下来的src是加载字体文件的位置,之所有有多个url就是因为浏览器兼容问题。

2.使用刚刚定义的字体,直接使用font-family:用户自定义的字体名称,就能够使用了;

CSS引入外部字体的好处:

1.使用的是真正的文本,而不是图片,放大和缩小都不会影响渲染效果,用户体验好;

2.可以被搜索引擎辨认;

3.不像图片每次需要重新生成,添加删除更方便。
用户评论
评论列表