在CSS中嵌入Google网页字体而不修改头部
将网页字体直接导入CSS文件是在CSS中自定义网页的解决方案无法直接访问文档头的 CMS。 @import 方法提供了一种实现此目的的方法:
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
这里,“Open Sans”是导入的字体,因此请将其替换为您首选的字体。对于包含多个单词的字体名称,请使用符号对其进行编码,如上所示。
为了确保正确实施,请将 @import 语句放在 CSS 的开头,位于任何其他规则之前。
Google Fonts 提供了一种生成必要的 @import 指令的简化方法。选择字体后,单击 ( ) 图标并导航至“嵌入”。选择“嵌入字体”下的“@import”选项,然后复制
通过使用此技术,您可以将 Google Web Fonts 无缝集成到您的网页中,而无需更改文档头,从而在 CSS 自定义方面提供更大的灵活性。
以上是如何在 CSS 中嵌入 Google Web 字体而不访问``?的详细内容。更多信息请关注PHP中文网其他相关文章!