如何在不直接访问 Head 的情况下将 Google Web 字体导入到我的 CSS 文件中？

在 CSS 文件中导入 Google 网页字体

对于那些在仅允许 CSS 文件访问而不进行头文档操作的 CMS 平台中工作的人员，导入 Google网络字体可能会带来挑战。幸运的是，通过 @import 方法有一个解决方案。

使用 @import 方法：

要导入所需的字体，只需在 CSS 中使用 @import 规则即可文件。例如：

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

请记住将“Open Sans”替换为您选择的字体名称。包含多个单词的 URL 需要 URL 编码（在单词之间添加“”，如“Open Sans”）。

将 @import 放置在 CSS 的最开头，任何规则之前。

Google Fonts 提供了生成 @import 指令的自动化过程。选择字体并单击 ( ) 图标后，展开左下角的“1 Family Selected”容器。调整“自定义”选项卡中的选项，然后切换到“嵌入”并单击“@import”。将样式标签之间的 CSS 复制到样式表中。

以上是如何在不直接访问 Head 的情况下将 Google Web 字体导入到我的 CSS 文件中？的详细内容。更多信息请关注PHP中文网其他相关文章！