@字體面的問題 - 字樣看起來不一樣的套件

內這是推動我瘋了，我跑了通過@字體面區薄字樣，並得到了包但它看起來不正確與套件內相比。我似乎遵循了過程，因爲我使用的其他字體都呈現正確。我究竟做錯了什麼？我注意到'&'看起來不正確。下面是我的代碼示例。@字體面的問題 - 字樣看起來不一樣的套件

@font-face { 
font-family: 'district_prothin'; 
src: url('../fonts/distproth-webfont.eot'); 
src: url('../fonts/distproth-webfont.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/distproth-webfont.woff') format('woff'), 
    url('../fonts/distproth-webfont.ttf') format('truetype'), 
    url('../fonts/distproth-webfont.svg#district_prothin') format('svg'); 
font-weight: normal; 
font-style: normal;

}

h2 { font-size: 8.9em; font-family: district_prothin, sans-serif; font-weight: normal; text-align: center; }

來源

2013-12-10 user3088753

你的瀏覽器控制檯說什麼？有關它的任何警告拒絕加載字體？ –

你有安裝的字體在本地計算機上使用相同的名稱，通過任何機會呢？如果是這樣，嘗試重命名字體家族（包括申報&使用）......

@font-face { 
    font-family: 'Some Random Name'; 

    /* ... */ 

font-family: 'Some Random Name', sans-serif;

否則也許看看這個博客帖子http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/。試着像這樣嵌入你的字體。一直爲我工作...

@font-face { 
    font-family: 'Graublau Web'; 
    src: url('GraublauWeb.eot'); 
    src: local('☺'), 
     url('GraublauWeb.woff') format('woff')

來源

2013-12-10 22:35:46

試過這個，但它仍然沒有工作。這似乎很奇怪，它可以在套件演示中完美工作，但不在我的代碼中。我在@ font-face中使用的其他字體似乎渲染得很好？ – user3088753

@字體面的問題 - 字樣看起來不一樣的套件

回答

相關問題