具有相同标记的两个标题以不同方式呈现

时间:2015-09-22 06:36:27

标签: html css iframe

在我帮助管理的网站上,我们刚刚实施了一个处理发送给我们公司的请求的iframe。

该网站使用以下css作为标题:

color: #222;
font-size: 26px;
font-weight: normal;
text-decoration: none;
font-family: Carrois Gothic,sans-serif;
line-height: 120%;
margin-top: 5px;

我为iframe中的标题实现了完全相同的标记,但它们的呈现方式不同,有人可以解释原因,并可能解决问题吗?

网站网址:http://mentordanmark.dk/lektiehjaelp-folkeskolen,iframe是最底层的标题,与大写字母V之类的字母差别很明显。

2 个答案:

答案 0 :(得分:0)

您需要在文档头中引用Google字体样式表。

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Carrois+Gothic" type="text/css" media="screen">

答案 1 :(得分:0)

感谢partypete25我找到了问题,这是谷歌字体。

这使得字体在我的本地机器上工作,但不在实时网站上。在修改自己后,我发现在链接中添加https解决了问题,我最终将以下代码添加到我的iframe中。

<link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>

可能我的服务器不允许联系未加密的版本,但这可能会发生在其他人身上。