我无法在移动设备上显示字体(在Chrome和Safari for iOS中进行测试)。在桌面上完美运行,但在我的iPhone上显示为常规时间。
我在这里查看了几个主题,包括@font-face not working in mobile Webkit,但似乎没有任何建议可行。
这可能与字体本身有关吗?
@font-face {
font-family: 'dinpro-regularregular';
src: url('http://XXX/websitefonts/dinpro-regular-webfont.eot');
src: url('http://XXX/websitefonts/dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('http://XXX/websitefonts/dinpro-regular-webfont.woff2') format('woff2'),
url('http://XXX/websitefonts/dinpro-regular-webfont.woff') format('woff'),
url('http://XXX/websitefonts/dinpro-regular-webfont.ttf') format('truetype'),
url('http://XXX/websitefonts/dinpro-regular-webfont.svg#dinpro-regularregular') format('svg');
font-weight: normal;
font-style: normal;
}