"src"和"url"的角色是什么？

Question

在呈现以下代码时,"src"的作用是什么？

@font-face { 
    font-family: "calibriforh1"; 
    src: local("calibri"), url(calibri.woff); 
}

h1 { font-family: "calibriforh1", arial, sans-serif; }

Answer 1

该src属性用于标识字体文件所在的位置。它可以被定义为local和/或通过远程url. 在这种情况下，定义指定calibri如果用户计算机上安装了该字体，则应使用该字体。calibri.woff如果没有，则需要在 css 文件夹中查找该文件。查看Font-face 上的 MDN 页面