Question

在呈现以下代码时，＆＃34; src＆＃34;的作用是什么？属性格式？

@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文件夹中查找文件{{1}}。查看MDN page on Font-face

Answer 2

来自以下链接的信息和更多信息

load()的{{1}}方法，如下所示：

font-face

将interface FontFace { attribute DOMString family; attribute DOMString style; attribute DOMString weight; attribute DOMString stretch; attribute DOMString unicodeRange; attribute DOMString variant; attribute DOMString featureSettings; readonly attribute FontFaceLoadStatus status; Promise<FontFace> load(); readonly attribute Promise<FontFace> loaded; };标识为广告位。根据规范，src规则需要src描述符才有效。它的目的是定义资源的分离，而后续的@font-face值实际上指定了包含字体文件或字形的外部资源的位置。

具体..

FontFace对象的内部[[Urls]]插槽设置为@ font-face规则的src描述符的值，并反映对src描述符所做的任何更改。

►CSS字体加载模块第3级（第2.3页）

FontFace的load（）方法使用启用CORS的提取来读取font-face文件中指定的字体数据。对于由二进制数据构造的字体，或者已经加载或加载的字体，它什么都不做。

当渲染客户端读取字体 - 面部代码时，它会迭代url个引用，直到找到可以成功渲染的引用。然后从不处理后续值。

为简单起见，您可以将src和src的关系与键值数组的关系进行比较。

url的正确语法是

src

此外：

Answer 3

用于在用户的系统中搜索“calibri”字体，如果它不存在，则会从服务器加载字体。

“src”和“url”属性的作用是什么？

3 个答案:

此外：