自定義字體龍蝦不工作在IE

我想用戶自定義字體龍蝦。我已經下載lobster.woff2文件並將其放置在字體文件夾中。在我的自定義CSS我已經添加爲自定義字體龍蝦不工作在IE

@font-face { 
    font-family: 'Lobster'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Lobster'), local('Lobster-Regular'), 
    url(./fonts/lobster.woff2) format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; 
} 

.wishes,{ 
    color: #ff6315; 
    font-size: 24px; 
    font-weight: bold; 
    font-family: 'Lobster', cursive !important; 
}

這是工作於Chrome和Firefox，但不是在IE

來源

2017-08-31 user3386779

你有一個網址，你在測試什麼版本的IE？重要的信息，以便我們可以幫助你解決問題。 Woff2格式僅在Edge中可用，在此之前沒有IE支持它，所以您需要提供其他版本 - 我建議將它添加到您的html中，而不是將它導入到您的樣式表中。 –

我在本地主機上使用IE12.testing，所以沒有網址 – user3386779

我建議使用header html url將字體加載到您的頁面而不是@importing它。 –

使用谷歌的字體API，而不是...這將解決您的IE瀏覽器的問題。

谷歌瀏覽器：版本4.249.4+
Mozilla Firefox瀏覽器：版本：3.5+
蘋果Safari瀏覽器： 3.1+版
Opera：版本10.5+
的Microsoft Internet Explorer：版本6+

你的代碼應該是：

@import url('https://fonts.googleapis.com/css?family=Lobster'); 

.wishes { 
    font-family: 'Lobster', cursive; 
}

來源

2017-08-31 08:05:46

爲什麼不使用html標題連接字體呢？ –

另一種方法是將鏈接添加到谷歌的字體在頭你的html，然後在你的樣式表中調用它正常。這從here代碼，並粘貼這個片段在HTML的頭：

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

要在樣式表中使用的字體爲此，請務必提供相關的回退：

font-family: 'Lobster', cursive;

來源

2017-09-01 08:32:00

自定義字體龍蝦不工作在IE

回答

相關問題