chrome不尊重font-family('PT Sans')

时间:2016-06-15 11:00:18

标签: html css google-chrome fonts styles

我有一个用p写的网页,其中我有一个HTML。除了我的按钮,所有页面都尊重button

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

这是表格中的按钮元素:

body {
  font-family: 'PT Sans', sans-serif;
  margin: 0px 0px 0px 0px;
}   

我还使用了下面的<button id="createCampaignButton" class="yellowButton" nowrap>CREATE NEW CAMPAIGN</button> 标记,它会更改字体颜色,但不会更改字体系列。

<style>

我在这里搜索,但没有一个能为我工作。

我的样式表:

button {
          font-family: 'PT Sans', sans-serif;
          color: red
       }

更新 现在我注意到问题只出现在<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'> .yellowButton { border: 0 solid #FFCC00; width:100%; /*height: 50px;*/ font-size: 16px; font-weight: bold; background-color: #FFCC00; padding: 12px 20px; box-shadow: 0 2px 2px 0 #C2C2C2; border-radius: 2px; outline:none; } .yellowButton:active { border: 0 solid #FFCC00; width:100%; /*height: 50px;*/ font-size: 16px; font-weight: bold; background-color: #FFCC00; padding: 12px 20px; box-shadow: 0 0 0 0 #C2C2C2; border-radius: 2px; outline: none; } 字体上!所有其他字体都可以正常工作。

3 个答案:

答案 0 :(得分:1)

你有没有包含这个文件??

public Customer()

如果不是刚刚过去的标题。

或者如果你想要在css中,请使用此

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

答案 1 :(得分:0)

您可以使用Chrome中的右键单击和“检查”来查看正在使用的样式并覆盖其他样式。

如果你检查这个元素,你会看到什么是覆盖什么,以及拼写错误,旁边有一个小黄色警告图标。

答案 2 :(得分:0)

问题已经解决,将这一行添加到样式中,据我所知,button内的table不会继承body样式的样式。主要问题是我应该清理浏览器的缓存。

button{
        font-family:  'PT Sans', sans-serif;
      }