我在我的网站中使用了一个特定的字体。在PC上 (本地和服务器) ,Firefox和Chrome可以识别它,但在移动设备上却不能 (Firefox和Chrome)。我在我的CSS文件中使用了@font-face。
我已经将字体上传到了服务器上。由于它在计算机上运行正常,所以我不知道应该尝试什么。非常感谢任何帮助。
这是我的HTML代码:
<div class="welcome">WELCOME</div><div class="home">HOME</div>
这是我的CSS代码:
@font-face {
font-family: 'typographicaregular';
src: url('../fonts/typographica.regular-webfont.woff') format('woff2'),
url('../fonts/typographica.regular-webfont.woff2') format('woff');
font-weight: normal;
font-style: normal;}
.welcome {
width: 47%;
padding: 0;
margin: 0 auto;
font-family: 'typographicaregular', sans-serif;
font-size: .7em;
letter-spacing: 26px;
text-align: center;
color: #004391;
}
.home {
width: 85%;
padding: 0;
margin: -40px auto 0;
font-family: 'typographicaregular', sans-serif;
letter-spacing: 12px;
font-weight: bold;
font-size: 1.6em;
text-align: center;
color: #004391;
}
我希望在我的安卓手机和iPad上显示实际的字体,而不是一个通用的无衬线字体。