1

enter code here我正在开发一个 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 字体适用于我的模板？

4

1 回答 1

-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

于 2015-03-26T17:01:45.073 回答