首页 > 解决方案 > 如何在 AEM (Adobe Experience Manager) 中设置默认字体

问题描述

如下图所示,我已经为我的 AEM 网站设置了标准字体。但是,无论我将 font-family: FSAlbertPro 或 font-family: "FS Albert Pro" 或 font-family: FS Albert Pro 放在哪里,都不会应用显示的字体。我应该在哪里设置默认字体才能应用它?既然习惯的方法不起作用,我应该如何应用它?

在此处输入图像描述

标签: fontsconfigurationaemdefault

解决方案


您是否使用@font-face规则在 CSS 中指定自定义字体。

例如,

    @font-face{
         font-family:'FS Albert Pro';
         font-style:normal;
         font-weight:normal;
         src:url('../fonts/FSAlbertPro/FSAlbertWeb-Regular.woff') format('woff'),
             url('../fonts/FSAlbertPro/FSAlbertWeb-Regular.ttf') format('truetype')
    }

请根据您在字体文件夹中的文件名替换 woff 和 ttf 的正确文件名。更多关于 font-face 的信息可以在这里找到

如果字体已注册,但您仍然看不到字体,请使用开发人员控制台验证字体当前是否正在加载到浏览器中。如果您发现字体 URL 出现 404,请再次验证 URL 并使用正确的 URL。


推荐阅读