使用沒有網絡連接的下載字體

可以在沒有互聯網連接的情況下在本地網頁（XAMPP）上使用下載的字體？我需要這樣看字體，因爲有些人可能無法負擔互聯網連接，並且他們只使用他們的電腦工作。使用沒有網絡連接的下載字體

這是Web字體：http://openfontlibrary.org/en/font/didact-gothic

我沒有運氣嘗試這樣做：http://css-tricks.com/snippets/css/using-font-face/

在此先感謝!!!!

編輯

我認爲其中存儲文件的地方是問題，因爲我有這樣的.css和沒有工作。我的所有文件的地方是/opt/lammp/htdocs

@font-face { 
    font-family: 'DidactGothicMedium'; 
    src: url('didactgothic.eot'); 
    src: url('didactgothic.eot') format('embedded-opentype'), 
     url('didactgothic.woff') format('woff'), 
     url('didactgothic.ttf') format('truetype'), 
     url('didactgothic.svg#DidactGothicMedium') format('svg'); 
} 

p { 
    font-family: 'Didact Gothic'; 
    font-weight: normal; 
    font-style: normal; 
    padding-left: 25px; 
    padding-right: 25px; 
} 

input { 
    font-family: 'Didact Gothic'; 
    font-weight: normal; 
    font-style: normal; 
}

來源

2013-10-15 heyplaynow

您必須使用網絡字體工具包，您可以從像convertfonts.com這樣的網站下載，包含樣式和字體文件，字體將用於本地開發，但爲此，您首先需要一個otf或ttf文件爲字體下載webkit – sven

非常感謝boom_hiva！現在的問題是我必須放置所有文件，因爲我試圖加載它們，沒有結果。謝謝！！ – heyplaynow

你打算如何訪問沒有互聯網連接的人？ – CustomX

是的，它是可能的，如果你只是去到localhost在它應該工作的瀏覽器就好像當你將端口轉發，並用自己的IP /域名去那裏。

如果@font不爲你工作，確保1）您使用Chrome /火狐（IE瀏覽器僅支持某些文件exentions（雜項文件，我認爲）。

和2）您有權利路徑設置！

而且說不定你的一些HTML/CSS代碼，可以幫助我們awnser你的問題:)

來源

2013-10-15 12:04:05 lepel100

謝謝lepel100！我更新了我的問題 – heyplaynow

你必須使用一個Web字體包，你可以從網站下載喜歡http://convertfonts.com，包括樣式和字體文件和該字體將用於本地開發，但爲此，首先需要使用字體的otf或ttf文件來下載webkit。

只是做一個fonts文件夾，就像你有CSS，JS文件夾，然後在你的CSS文件只包含/字體/像

@font-face { font-family: 'MuseoSans-100'; 
    src: url('fonts/museosans-100.eot'); 
    src: url('fonts/museosans-100.eot') format('embedded-opentype'), 
     url('fonts/museosans-100.woff') format('woff'), 
     url('fonts/museosans-100.ttf') format('truetype'), 
     url('fonts/museosans-100.otf') format('opentype'), 
     url('fonts/museosans-100.svg#MuseoSans-100') format('svg'); 
    } just an example

如果你的CSS文件是在另一個文件夾進行更改URL，相應地

來源

2013-10-15 13:01:00 sven

使用沒有網絡連接的下載字體

回答

相關問題