Question

enter code here我正在开发一个Sitefinity 3.7网站，我建立的模板需要一些自定义字体来自＆＃39; opensans＆＃39;字体系列。我创建了一个名为＆＃34; Fonts＆＃34;的文件夹。在我为这个模板制作的主题中，将.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;

以下是原始链接，您可以根据需要编辑信息并查看文档：{{3}}

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

1 个答案: