2015-08-26 109 views
0

http://www.chooseyourtelescope.com/字體家庭不字型工作

大「C」,在頁面的中間,H1(「選擇正確的......)應以‘Pirulen’FONT-FAMILY寫。

我首先嚐試了「經典」@ font-face方法,然後通過使用WEBFONT GENERATOR並添加在MyFonts文件夾中創建的所有文件。

CSS

@font-face { 
    font-family: 'pirulenregular'; 
    src: url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.eot'); 
    src: url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.woff2') format('woff2'), 
     url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.woff') format('woff'), 
     url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.ttf') format('truetype'), 
     url('/www/wp-content/themes/virtue - child/MyFonts/pirulen_rg-webfont.svg#pirulenregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

但它仍然無法正常工作

回答

0

url需要爲Web網址,而不是文件路徑。你通常設置它相對的CSS文件的位置,所以這將是:

@font-face { 
    font-family: 'pirulenregular'; 
    src: url('MyFonts/pirulen_rg-webfont.eot'); 
    src: url('MyFonts/pirulen_rg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('MyFonts/pirulen_rg-webfont.woff2') format('woff2'), 
    url('MyFonts/pirulen_rg-webfont.woff') format('woff'), 
    url('MyFonts/pirulen_rg-webfont.ttf') format('truetype'), 
    url('MyFonts/pirulen_rg-webfont.svg#pirulenregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

下一個問題是,在頁面上指定的字體族爲「pirulen」,但在CSS它是「 pirulenregular「,這些必須匹配,所以選擇一個。

+0

啊是的我忘記了在CSS中改變'pirulenregular'的名字。但無論如何,我曾嘗試過在頁面+ CSS中使用pirulenregular,但它不起作用。 「文件路徑」是問題。感謝它現在的工作;) – edou777