Question

不太了解使用@ font-face和@import url（）之间的区别。有人可以向我解释吗？

Answer 1

@ font-face 是一个CSS规则，如果用户未安装该字体，(reference)允许您从服务器下载特定字体以呈现网页。

@import url（）将另一个样式表导入当前样式表。如果您使用它来嵌入字体，则实际上目标样式表中会包含 @ font-face 。

Answer 2

@import规则允许您将样式表导入另一个样式表。

@ font-face是一个CSS规则，如果用户未安装该字体，则可以从服务器下载特定字体以呈现网页。这意味着Web设计人员将不再需要遵循用户已预先安装在计算机上的一组特定的“ Web安全”字体。

Answer 3

@ font-face CSS规则指定用于显示文本的自定义字体；可以从远程服务器或用户自己的计算机上本地安装的字体加载该字体。如果提供了local（）函数，则指定要在用户计算机上查找的字体名称，并且用户代理找到匹配项，则使用该本地字体。否则，将下载并使用通过url（）函数指定的字体资源。

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

@import CSS规则用于从其他样式表导入样式规则。这些规则必须位于所有其他类型的规则之前，@charset规则除外；因为它不是嵌套语句，所以不能在条件组规则中使用@import。

@import url("fineprint.css") print;
@import url("bluish.css") speech;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen;
@import url('landscape.css') screen and (orientation:landscape);

@ font-face和@import网址之间的区别？

3 个答案: