iphone html自定义字体重复自身

时间:2013-05-24 09:48:33

标签: iphone html css safari webfonts

我有一个简单的html h1标题,可以在桌面浏览器上正常工作但在iOS上复制字体(在Safari& Mercury Browser上测试)

预览图片:http://d.pr/i/ku1I

h1 css:

.headerInterior h1
{
  width: 100%;
  float: left;
  color: #f2085c;
  font-family: 'effBold';
  font-size: 79px;
}

有没有人遇到同样的问题并知道解决方案? 任何帮助将不胜感激。

干杯!

2 个答案:

答案 0 :(得分:2)

试试这个:

在CSS课程中添加

font-weight: normal;

OR

text-shadow: 0 0 0;

答案 1 :(得分:0)

这是因为浏览器尝试生成所请求的字体权重(如果它已不可用)(示例中的h1类将默认字体权重设置为粗体)。

例如,如果我们使用以下Google字体网址:

http://fonts.googleapis.com/css?family=PT+Serif:400,600italic

我们有两种方法可以使用这种字体:

.first-way{ font-family: 'PT Serif'; font-weight: 400; }

OR

.second-way{ font-family: 'PT Serif'; font-weight: 600; font-style: italic; }

使用:font-weight: normal;基本上默认为可用字体的字体粗细。

进一步阅读:http://alistapart.com/article/say-no-to-faux-bold