2012-10-01 63 views
0

我想添加漂亮的字體到我的Bootstrap網站。我是一名程序員,而不是設計師。什麼是webfont,我可以依靠他們

我搜索並最終在Google Webfonts網站上。對於我的任何瀏覽器(OSX Chrome,OSX Safari,Win7 Chrome,Win7 IE9),谷歌自己的字體瀏覽器都不起作用(所有字體默認爲襯線或其他東西),所有字體都顯示相同。

  • 爲什麼Google的webfont broswer不適合我? http://www.google.com/webfonts
  • 我怎麼能相信他們能夠爲其他人
  • 什麼是使用自定義字體 防彈工作方式?
  • 我必須購買它們並自己託管它們嗎?這是一個壞主意嗎?
+2

我們不能幫助您找出Google字體,除非您向我們展示你試過的代碼。 Google字體可以跨瀏覽器正常工作,並且適用於所有人。 – Lowkase

+0

沒有代碼。我轉到http://www.google.com/webfonts並以相同字體查看大量示例文本。 –

回答

0

但我用了他們幾次,所以想到與大家分享。我只是在回答如何使用它們? 對於前:

當你使用特定的Web字體檔案館,那麼你需要包括它的樣式表如下

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'> 

在其他的方式,你需要讓你不安裝的字體API每次都需要提出在線請求。

他們應該得到大多數現代瀏覽器的支持。

0
  • 無法猜出第一個問題的原因。

  • 谷歌的網絡字體將與每個瀏覽器,我敢肯定它的工作。有一些問題。

    **字體將不平滑或字體在一些瀏覽器,如IE瀏覽器將被加入。字體也有時不清楚(一些字體)。你必須使用CSS陰影..等以解決這個問題。

  • 您可以使用自己的網絡字體。下載字體並將其轉換爲.ttf, .svg, .eot and .woff並用CSS調用它們@font-face

  • 如果您使用上述示例,則不必購買它們。但是如果它是商業的,你將不得不購買字體。

**您也可以使用cufon.js。

+0

所以如果你點擊http://www.google.com/webfonts,你會看到一堆樣品都是不同的字體?所有的樣本對我來說都是相同的字體,適用於我所有的電腦和瀏覽器。跆拳道? –

2

Web字體是已專門爲網絡使用許可的字體。除了Google Webfonts之外,還有其他字體網站提供免費(和合法)字體供在網絡上使用,如Font Squirrel(免費)和Typekit(主要是付費服務)。字體松鼠有很多帶有@face工具包的字體,可以幫助結束「瀏覽器藍調」,並且可以很容易地將字體託管在您自己的服務器上(我的偏好)。

有一個列表的好文章除此之外,這將有助於你一堆 - have a read

順便說一句 - 這是違反您的字體許可從您的計算機採取的字體,並通過真型轉換器運行(在網絡上使用)......除非您已通過字體提供商/製造商/創建者購買/建立了網絡使用許可等。

相關問題