css - 将自定义字体添加到 Sitefinity 主题？

Question

在此处输入代码我在 Sitefinity 3.7 网站上工作，我正在构建的模板需要来自“opensans”字体系列的一些自定义字体。我在为此模板制作的主题中创建了一个名为“Fonts”的文件夹，并将 .svg、.eot、.tff 和 .woff 文件放在那里。在样式表中，我尝试设置一些我将使用的 opensans 字体，但它们似乎不起作用——我只在浏览器中看到标准的 Arial/Verdana 字体。

@font-face {
    font-family: 'open_sansregular';
    src: url('/App_Themes/ResCare/Fonts/opensans-regular-webfont.eot');
    src: url('/App_Themes/ResCare/Fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/App_Themes/ResCare/Fonts/opensans-regular-webfont.woff') format('woff'),
         url('/App_Themes/ResCare/Fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('/App_Themes/ResCare/Fonts/opensans-regular-webfont.svg#opensansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

我想我一定做错了，但我不确定哪里出了问题。我以前从未尝试过将自定义字体添加到 Sitefinity 网站中，我知道这是一个旧网站，但我无能为力。

有没有办法让这些 opensans 字体适用于我的模板？

Answer 1

在您的标题中添加来自 google 字体的 cdn，并将 css 应用于您希望将 Open Sans 作为字体的任何元素。

HTML

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

CSS

font-family: 'Open Sans', sans-serif;

这是原始链接，您可以根据需要编辑信息和查看文档:http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans