在我帮助管理的网站上,我们刚刚实施了一个处理发送给我们公司的请求的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之类的字母差别很明显。
答案 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'>
可能我的服务器不允许联系未加密的版本,但这可能会发生在其他人身上。