CSS шрифт Google не работает в Safari?

Я пытаюсь использовать Google Fonts без внешней ссылки на CSS и я просто скопировать и мимо правил сын мой CSS, как этотCSS шрифт Google не работает в Safari?

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; 
}

но Safari не кажется, чтобы получить его ...

источник

2016-02-11 Francesco

Это работает, если вы проверите [здесь] (https://jsfiddle.net/rx40bgqk/)? – dippas

Нет, это не так, я попробовал как свой ноутбук, так и свой ipad, не работает – Francesco

так что некоторые проблемы с сафари, потому что он работает в FF и Chrome – dippas

хорошо я нашел решение сам

woff2 не совместим с Safari, так что я использовал

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff'); 
}

источник

2016-02-11 16:57:58 Francesco

Я недавно присоединился к StackOverflow так не конечно, на правильном пути ответа.

Я также столкнулся с подобной проблемой и вижу, что сафари не загружают файлы формата woff2, если они указаны ниже.

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 300; 
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

}

Но, если я добавить латинские-внутр подмножество файлов также в woff2 формате, то googleapis внутренне загрузки Woff формата. Это решило проблему для меня.

Надеюсь, это поможет.

источник

2016-03-21 14:23:16 AshishKh

CSS шрифт Google не работает в Safari?

ответ

Смежные вопросы