@ font-face не работает только для Chrome и Firefox на iOS - PullRequest
Новая
       35

@ font-face не работает только для Chrome и Firefox на iOS

0 голосов
/ 06 марта 2020

URL страницы: http://seasia.kinsta.cloud/static/home-free-subscriber.html

Я использовал пользовательские шрифты на этой странице, используя @ font-face. Он отлично работает на всех настольных браузерах, а также на браузерах Android. Шрифты загружаются не только в iOS (iPhone и iPad) в браузерах Firefox и Chrome. Отлично работает в Safari в iOS.

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

Также попробовал свойства сглаживания шрифтов, как предложено здесь: https://github.com/grillitype/web-fonts-guide#font -сглаживание

Но это не помогло.

Ниже приведен код, который я использовал в CSS для @ font-face 

@font-face {
font-family: "GT America Black";
src: url("../fonts/gt-america/GT-America-Standard-Black.eot");
src: local("GT America Black"), 
     local("../fonts/gt-america/GT-America-Standard-Black"), 
     url("../fonts/gt-america/GT-America-Standard-Black.eot?#iefix") format("embedded-opentype"), 
     url("../fonts/gt-america/GT-America-Standard-Black.woff2") format("woff2"), 
     url("../fonts/gt-america/GT-America-Standard-Black.woff") format("woff"), 
     url("../fonts/gt-america/GT-America-Standard-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-stretch: normal; }

@font-face {
font-family: "GT America Light";
src: url("../fonts/gt-america/GT-America-Standard-Light.eot");
src: local("GT America Light"), 
     local("../fonts/gt-america/GT-America-Standard-Light"), 
     url("../fonts/gt-america/GT-America-Standard-Light.eot?#iefix") format("embedded-opentype"), 
     url("../fonts/gt-america/GT-America-Standard-Light.woff2") format("woff2"), 
     url("../fonts/gt-america/GT-America-Standard-Light.woff") format("woff"), 
     url("../fonts/gt-america/GT-America-Standard-Light.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-stretch: normal; }
...