@ Font-face在IOS上不起作用,在桌面上

时间:2019-04-01 11:47:16

标签: ios css font-face

我正在wordpress网站上使用字体。字体在我的Macbook上可用于chrome和safari,但在我的iphone上不可以在chrome和safari

谢谢

@font-face {
font-family: 'Raleway';
src: url('Raleway-ExtraLight.eot');
src: url('Raleway-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('Raleway-ExtraLight.woff2') format('woff2'),
    url('Raleway-ExtraLight.woff') format('woff'),
    url('Raleway-ExtraLight.ttf') format('truetype'),
    url('Raleway-ExtraLight.svg#Raleway-ExtraLight') format('svg');
font-weight: 200 !important;
font-style: normal;
}

@font-face {
font-family: 'Open Sans';
src: url('OpenSans.eot');
src: url('OpenSans.eot?#iefix') format('embedded-opentype'),
    url('OpenSans.woff2') format('woff2'),
    url('OpenSans.woff') format('woff'),
    url('OpenSans.ttf') format('truetype')
    url('OpenSans.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Raleway' !important;
font-display: swap; 
  }



body {
font-family: 'Open Sans' !important;
font-display: swap;
}

0 个答案:

没有答案