Question

<p style=" font-family: 'Grinched 2.0'; 
    font-size:50px; 
    margin-left:150px; 
    top:1500px; 
    position: absolute;">Apply now for a position in our team, send us</p>

它非常愚蠢的问题，但现在认真对待它3小时，我无法解决它！

这是我设置字体的简单html代码！当我从计算机访问它时，它运作良好！但是当我通过移动设备访问该网站时，不会应用字体系列属性！其余的所有东西，如职位工作正常！什么是错？

Answer 1

正如@Marc B建议的那样，如果您的手机上没有安装该字体，那么它就不会显示。

要在网络上集成非默认字体，您需要使用postgresql-simple规则。使用@ font-face注册字体后，可以在css中使用它。但是，建议始终将某些默认字体保留为不支持@font-face的浏览器或者如果您的字体出现任何问题的浏览器的后备。

以下是Mozilla Developper Network

的例子

@font-face

<强>更新

现在我们可以看到您的网站，我确信问题来自于您未注册@font-face { // This will register your font font-family: "Bitstream Vera Serif Bold"; src: url("http://developer.mozilla.org/@api/deki/files/2934/=VeraSeBd.ttf"); } p { //Then you can use it like so font-family: "Bitstream Vera Serif Bold", serif; }字体的事实。这解释了为什么从桌面（已安装字体）查看时，任一站点都会显示字体，但不会显示在移动设备上。

如果您按照上面的示例操作，它将起作用。这个小工具可以帮助您准备好字体，并为您提供所需的代码：http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

此字体在您的网站上可用并在css中设置？例如：

myfont.css档案

@font-face {
    font-family: 'Grinched 2.0';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Grinched 2.0.eot); /* For IE6-8 */
    url(/fonts/Grinched 2.0.woff) format('woff'),
    url(/fonts/Grinched 2.0.woff2) format('woff2'),
    url(/fonts/Grinched 2.0.ttf) format('truetype'),
    url(/fonts/Grinched 2.0.svg) format('svg');
}

并在你的html中使用它：

<link rel="stylesheet" href="/css/font-material.css">

和css：

p {
    font-family: 'Grinched 2.0';
}

简单的字体不变

2 个答案: