IPhone HTML自定义字体复制自己

Question

我有一个简单的html h1标题，在桌面浏览器上运行良好，但在iOS上重复字体(在Safari上测试;水星浏览器)

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

h1 css:

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

有人有同样的问题，知道解决这个问题的方法吗?任何帮助都将不胜感激。

干杯!

Answer 1

试试这个:

添加到你的CSS类

font-weight: normal;

或

text-shadow: 0 0 0;

Answer 2

这是因为浏览器试图生成请求的字体粗体，如果它已经不可用(在这个例子中，h1类的默认字体粗体设置为粗体)。

例如，如果我们使用以下Google Fonts URL:

http://fonts.googleapis.com/css?family=PT +衬线:400600斜体

我们有两种方法来使用这个字体:

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

或

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

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

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