Windows上的Safari - 文本显示不正常

时间:2014-01-24 19:08:47

标签: jquery css twitter-bootstrap text safari

页脚部分中的标题和文字看起来不正常,它们会被切断(并消失)并在选中后变为正常。代码有点长。如果您熟悉Windows上的safari,请查看:

图像: abnormal text on safari footer

enter image description here

链接:
主页:http://timekill.in/extenso_safari/
CSS:http://timekill.in/extenso_safari/css/theme.css

该网站建立在bootstrap 3

1 个答案:

答案 0 :(得分:0)

更快的解决方案是使用Google字体(因为您使用的是PT Sans,以及此集合are available there)。

您需要添加到HTML头:

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

并将theme.css的第157行更改为:

    font-family: 'PT Sans', Arial, sans-serif;

我已经使用相同的代码进行了测试,它适用于Windows上的Safari 5!