Добавить собственный шрифт в тему Sitefinity?

Question

enter code hereЯ работаю над сайтом Sitefinity 3.7, и шаблон, который я создаю, требует некоторых пользовательских шрифтов из семейства шрифтов opensans. Я создал папку "Шрифты" внутри темы, которую я создал для этого шаблона, и поместил туда файлы.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

Добавьте этот CDN из Google шрифтов в свой заголовок и примените 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