Question

我有一个"font-family: PT Sans;"应用于span元素，但其中的文本在同一浏览器本身的不同页面中呈现不同。在主页中，它呈现"Arial"字体样式，但在登录页面中，它是其他内容。我试图通过向{span}提供"font-family: Arial;"来修复它，然后在所有页面上呈现相同的内容。

为什么第一个font-family有所不同，这是正确的解决方法吗？

任何人都可以帮忙吗？

这是应用于带有类名称＆＃34; manageListing＆＃34;的范围的样式：

.manageListing {
width: 133px;
height: 21px;
padding: 4px 0px 0px 0px;
display: block;
text-align: center;
font-family: PT Sans;
font-size: 14px;
color: #ffffff;
float: left;
margin-top: 10px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-ms-border-radius: 15px;
-webkit-box-shadow: 4px 4px 9px rgba(50, 50, 46, 0.28);
-moz-box-shadow: 4px 4px 9px rgba(50, 50, 46, 0.28);
box-shadow: 4px 4px 9px rgba(50, 50, 46, 0.28);
-ms-box-shadow: 4px 4px 9px rgba(50, 50, 46, 0.28);    
}

Answer 1

它必须从其他地方继承字体。坚持＆＃34;！important＆＃34;在＆＃34; PT Sans＆＃34;并且它将采用该值而不是继承的值。

Answer 2

css文件中使用的

font-family: PT Sans是一个谷歌字体，从fonts.googleapis.com导入，问题是由于协议(http)添加到css文件中的完整网址导入谷歌字体。因此，url具有安全协议的页面没有获得font-family: PT Sans;和url不安全的页面获得正确的谷歌字体。所以我将css文件中的@import url(http://fonts.googleapis.com/css?family=PT+Sans);修改为@import url(//fonts.googleapis.com/css?family=PT+Sans);，它解决了这个问题。感谢所有试图解决我问题的人。

在同一浏览器中拍摄的网站的不同页面中的相同字体呈现不同

2 个答案: