如何在 AEM (Adobe Experience Manager) 中设置默认字体
How to set the default font in AEM (Adobe Experience Manager)
如下图,我已经为我的AEM网站设置了标准字体。但是,无论我将 font-family: FSAlbertPro 或 font-family: "FS Albert Pro" 或 font-family: FS Albert Pro 放在哪里,都不会应用显示的字体。我应该在哪里设置默认字体以便应用它?常规的方法行不通,应该如何应用?
您是否使用 @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 文件名。 More info on font-face can be found here.
如果字体已注册,但您仍然看不到您的字体,请使用开发者控制台验证您的浏览器当前是否正在加载该字体。如果找到字体 URL 的 404,请再次验证 URL 并使用正确的字体。
如下图,我已经为我的AEM网站设置了标准字体。但是,无论我将 font-family: FSAlbertPro 或 font-family: "FS Albert Pro" 或 font-family: FS Albert Pro 放在哪里,都不会应用显示的字体。我应该在哪里设置默认字体以便应用它?常规的方法行不通,应该如何应用?
您是否使用 @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 文件名。 More info on font-face can be found here.
如果字体已注册,但您仍然看不到您的字体,请使用开发者控制台验证您的浏览器当前是否正在加载该字体。如果找到字体 URL 的 404,请再次验证 URL 并使用正确的字体。