使用LeagueGothic字體

我正嘗試在我的網站上使用'LeagueGothic'字體或類似的變體。比如像http://www.woostercollective.com和http://www.superchief.tv這樣的網站用作他們的標題。雖然由於某種原因，在我通過螢火蟲將它們的標題樣式拖出來並將它們放入我的CSS後，仍然呈現爲'Arial'。我是否錯過了這種字體 - 我還將語法切換爲' '而不是" "，並嘗試了其他一些變體。使用LeagueGothic字體

font-family: "LeagueGothic","Helvetica Neue","Helvetica","Arial";

來源

2011-12-20 Fred Randall

你的字體沒有顯示，因爲它不是你的計算機上安裝，以及幾乎所有的人，你爲你的網站。 SuperChief來解決這個主辦的字體文件本身並使用@font-face聲明的字體添加到他們的CSS：

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

這個代碼看起來是從FontSquirrel generator，您可以使用包括在您的網頁字體。

您需要將生成的字體文件存儲在服務器上，並在您的@font-face聲明中引用它們。然後，你可以指定它們作爲你在OP所做的：

font-family: "LeagueGothic","Helvetica Neue","Helvetica","Arial";

請注意，每個font-family需要它自己的@font-face聲明。

ceejayoz在評論中提出的一個很好的觀點是：某些字體需要授權才能在網頁中使用。 FontSquirrel也會提供此警告，因此請檢查並確保允許您在頁面中使用字體。

另一種解決方案是讓谷歌主辦的Webfonts服務，爲您的字體。這比使用自己的@font-face更容易，速度也更快，但你得到的字體選擇更加有限，並不包括你想要的確切字體。可以找到類似的字體或替換。

來源

2011-12-20 18:06:53 Bojangles

啊 - 我應該知道的。謝謝兄弟 – 2011-12-20 18:08:13

請注意，很多字體需要特殊的授權才能使用webfont。 – ceejayoz 2011-12-20 18:14:25

@ceejayoz謝謝你，編輯於。 – Bojangles 2011-12-20 18:15:52

使用LeagueGothic字體

回答

相關問題