0
由於某種原因,我的字體並未在谷歌瀏覽器中顯示出來。它適用於其他瀏覽器,即使在Android移動Web瀏覽器上。我讀了很多文章,爲什麼它可能是(谷歌瀏覽器更新等),但我不知道是什麼問題或如何解決它。我希望有人能看看我的代碼,看看他們是否有錯。我的字體在谷歌瀏覽器上不起作用
我的字體臉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}