Найти все другие форматы для шрифта Google, кроме "woff2"

В предыдущем моем вопросе мне было указано, что формат "woff2" не работает в Microsoft Edge. Поэтому я должен использовать альтернативный синтаксис @font-face, если я хочу, чтобы мой сайт хорошо выглядел в Microsoft Edge.

Оригинальный CSS

@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:local('Dosis ExtraLight'), local('Dosis-ExtraLight'), url(http://fonts.gstatic.com/s/dosis/v4/RPKDmaFi75RJkvjWaDDb0vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:local('Dosis Bold'), local('Dosis-Bold'), url(http://fonts.gstatic.com/s/dosis/v4/22aDRG5X9l7obljtz7tihvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');}

Предлагаемый CSS

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

Поэтому я пытаюсь найти все другие форматы (TrueType, Woff и т. Д.) Для "Dosis", например.

Я использовал: http://webfonts.azurewebsites.net/?fontname=Dosis Это дает мне только 400-весовую версию Dosis.

Знаете ли вы другие способы, чтобы я мог иметь правильные версии Dosis в необходимых форматах?

1 ответ

Вы также можете использовать шрифт Google следующим образом

<link href='https://fonts.googleapis.com/css?family=Dosis:400' rel='stylesheet' type='text/css'>

Измените вес шрифта в соответствии с вашим выбором, как href='https://fonts.googleapis.com/css?family=Dosis:200'

В этом случае вам не нужно беспокоиться о другом формате. просто используйте font-family:'Dosis'; в твоем стиле.

Другие вопросы по тегам