如何使用的域名網址不是本地路徑

@font-face{ 
    font-family:'Poppins-Light'; 
    src:url(http://mdinfosystems.co.in/demo/mdnew/fonts/Poppins-Light.ttf) 
    format('truetype'); 
}

嘗試使用域名的URL，但把這種字體調用字體面的不工作，地點是絕對完美的，即使你這個URL粘貼到您的瀏覽器，它會自動給你字體文件。但我不明白爲什麼它不適合我的網站。我在谷歌上搜索了關於這個，我發現了幾個代碼添加在我的網站上，但我不明白我必須在服務器或HTML文件的CSS中添加這些代碼，下面我提到了我找到的代碼在谷歌搜索：如何使用的域名網址不是本地路徑

"AddType application/vnd.ms-fontobject .eot 
AddType font/ttf .ttf 
AddType font/otf .otf 
<FilesMatch "\.(ttf|otf|eot)$"> 
<IfModule mod_headers.c> 
Header set Access-Control-Allow-Origin "*" 
</IfModule> 
</FilesMatch>"

來源

2017-09-01 Samar

如果您檢查控制檯，則TTF文件請求正被相同原始策略阻止：http://jsfiddle.net/hfx4fpa7/。我建議您下載字體並將其託管在您自己的服務器上 - 假設您擁有使用它的合法權利。 –

您在Google搜索中找到的代碼必須由承載和提供字體的服務器實現：它不是消費者（即您）可以使用的東西。例如，服務器正在阻止字體文件上的交叉來源請求（正如Rory上面所說的），以便人們不能在他們的網站上將文件熱鏈接。 – Terry

您將需要此字體轉換到一個Web字體，使用這項服務：

https://transfonter.org/

我與您的字體做了它：

https://transfonter.org/files/eafb2ae175df7972c13c5ea3565a2129/demo.html?1504251859

然後，你將需要在一些地方主辦的字體文件和最終產品生成的css應該是這樣的：

@font-face { 
font-family: 'Poppins'; 
src: url('Poppins-Light.eot'); 
src: url('Poppins-Light.eot?#iefix') format('embedded-opentype'), 
    url('Poppins-Light.woff') format('woff'), 
    url('Poppins-Light.ttf') format('truetype'); 
font-weight: 300; 
font-style: normal;

}

他們會提供你將所有的代碼和字體文件，你需要。

來源

2017-09-01 07:46:01

感謝齊格弗裏德的工作完美謝謝 – Samar

太棒了！請標記爲已接受的答案。 –

如何使用的域名網址不是本地路徑

回答

相關問題