Question

出于某种原因，我的字体未显示在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}

Answer 1

我回答了自己的问题。 CSS文件的链接需要一个国会大厦的字母和我想出的另一个问题是我在“font-family”请求中调用的字体拼写错误。

我的字体无法在Google Chrome上运行

1 个答案: