在同一浏览器中采用不同页面的相同字体呈现不同

我有一个"font-family: PT Sans;"应用于span元素，但其中的文本在同一浏览器本身的不同页面中呈现不同。在主页上，它呈现"Arial"字体样式，但在登录页面中，这是别的。我试图通过将"font-family: Arial;"添加到跨度来修复它，然后在所有页面上呈现相同的结果。在同一浏览器中采用不同页面的相同字体呈现不同

为什么它与第一个font-family不同，它是正确的修复方法吗？

任何人都可以帮忙吗？

这是适用于跨度与类名“manageListing”样式：

.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);  
}

来源

2014-07-11 Abhilash Madhavan

让我看看代码 –

你可以看看开发工具，并检查你的风格被覆盖。顺便说一句，你用font-family：PT Sans设计了span元素。作为第一步只是给特定的跨度一个类名称，并将PT Sans部分应用到您的css中的特定类名称 – rpk

是Somesh，我给了跨度一个类名并向其添加了样式并尝试过。 –

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

来源

2014-07-14 03:33:36

必须从其他地方继承字体。在“PT Sans”之后粘上一个“！important”，它会采用该值而不是继承的值。

来源

2014-07-11 09:10:25 user3821538

它没有解决问题，仍然呈现不同。 –

只要投掷'！重要'确实会解决一个短期问题，但会给你未来的头痛。除非你别无选择，否则不要使用它们。最好提高特异性，以便您的规则获胜。 – Ruskin

谢谢罗斯金的反馈意见。 –

在同一浏览器中采用不同页面的相同字体呈现不同

回答

相关问题