出于某种原因,我的字体未显示在Google Chrome中。它适用于其他浏览器,甚至在Android移动网络浏览器上。我阅读了许多关于它为什么会发布的帖子(谷歌浏览器更新等),但我不确定是什么问题或如何解决它。我希望有人可以查看我的代码,看看他们是否有什么问题。
我的字体面对CSS:
@font-face {
font-family: 'source_sans_proregular';
src: url('sourcesanspro-regular.eot');
src: url('sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
url('sourcesanspro-regular.woff') format('woff'),
url('sourcesanspro-regular.ttf') format('truetype'),
url('sourcesanspro-regular.svg#source_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_problack';
src: url('sourcesanspro-black.eot');
src: url('sourcesanspro-black.eot?#iefix') format('embedded-opentype'),
url('sourcesanspro-black.woff') format('woff'),
url('sourcesanspro-black.ttf') format('truetype'),
url('sourcesanspro-black.svg#source_sans_problack') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'source_sans_probold';
src: url('sourcesanspro-bold.eot');
src: url('sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),
url('sourcesanspro-bold.woff') format('woff'),
url('sourcesanspro-bold.ttf') format('truetype'),
url('sourcesanspro-bold.svg#source_sans_probold') format('svg');
font-weight: normal;
font-style: normal;
}
我的CSS实现方式:
.headerBarText {font-family:'source_sans_proregular';
font-size:37pt;
color:#FFF;
font-weight:bold;
padding-bottom:0px;
padding-top:7px;
padding-left:15px}
答案 0 :(得分:0)
我回答了自己的问题。 CSS文件的链接需要一个国会大厦的字母和我想出的另一个问题是我在“font-family”请求中调用的字体拼写错误。