web字體庫

『壹』 網頁設計中最常用的字體有哪些

根據特定的內容選擇合適的字體

『貳』 web開發中怎麼引用woff字體

WOFF是萬維網聯盟（W3C）推薦的一種網頁字體格式，它能同時兼容包括最新版的IE、火狐、谷歌、蘋果以及Opera等眾多瀏覽器。網頁字體使得網站相關人員可以建立以網站為基礎的一些應用，比如條碼、MICR和OCR等而不需要在終端機器上安裝相關字體。而由於條碼字體的靈活性，其在網頁中的使用頻率更加頻繁。
IDAutomation旗下的條碼字體包都包括WOFF字體格式，同時還包括EOT和SVG字體以兼容老版的瀏覽器。如何將這些條碼字體使用到網頁裡面去？首先需要注意的一點是：網頁字體在用戶瀏覽網頁時自動下載，當其離開網頁後又自動丟棄，所以這些字體不能用作其他任何用途。下面就教大家如何在HTML里使用WOFF條碼字體格式：
把字體上傳到你的CSS文件夾里或者是相同的目錄下。包括IE、火狐在內的大多數瀏覽器都要求字體所在的域名是他們所託管的。
在CSS @font-face declaration里用完整的URL對應具體的字體文件的形式來定義字體，如下：
<STYLE TYPE="text/css"> <!-- /* include the idautomation.com Code39 WOFF Font -- */ @font-face { font-family: IDAutomationHC39M; src: url(http://www.idautomation.com/barcode-fonts/woff-web-fonts/IDAutomationHC39M.woff); } --> </STYLE>
引用字體：<font face="IDAutomationHC39M">(WOFF-FONT)</font>
實施域名限制，字體在瀏覽器里出現。

『叄』 web網頁如何使用特殊字體

需要將特殊字體下載下來，放到網站目錄中，然後在css樣式表中引入字體
一般的特殊字體文件是.ttf、.eot、.svg結尾的
比如glyphicons-halflings-regular.ttf
然後在css樣式表中引入字體
@font-face {
font-family: 'Glyphicons Halflings'; /*字體的名字*/
src: url('glyphicons-halflings-regular.ttf') format('truetype'); /*字體文件的路徑*/
}
在樣式表中定義特殊字體的名字和符號對應，比如
.glyphicon-plus {
content: "\2b";
}
在頁面上顯示，可以寫<i class="glyphicon-plus"></i>就可以了
通常特殊字體文件和css是配套的，不然自己去寫名字和符號的對應太麻煩

『肆』 網頁上常見的字體是什麼字體

字體在網站中扮演了相對重要的一個角色，所以在網站中，選用什麼樣的字體也是一個相對比較重要的工作。今天跟大家分享下在網站當中常用的8款字體。

都知道，字體主要分為稱線字和無稱線字。其實細分的話還有等寬字體、夢幻字體和花體字。但今天我們主要針對常用的稱線字和非稱線字來講。

稱線字和非稱線字的區別可以看下圖：

可以看到左邊的中文和英文字屬於稱線字，右邊中文和英文屬於非稱線字。稱線字指的是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同。比如我們常用的宋體，觀察比劃可以看到橫細豎粗的特點，這就是典型的稱線字。非稱線字也叫無稱線字，無襯線字體沒有這些額外的裝飾，而且筆畫的粗細差不多。比如微軟雅黑。

稱線字體容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，非稱線字則比較醒目。所以，在使用的過程中需要根據網站的定位而選擇相應的字體。

下面簡單給大家介紹網頁中常用的幾種字體：

1、微軟雅黑

Vista之後新引入的字體，這個字體的使用率不用說了，可以說是web裡面最安全的一個字體。字體方正、簡潔，被廣泛使用。

上海大眾這個網站默認的首選字體就是微軟雅黑，整體比較簡潔。

2、黑體

黑體字和微軟雅黑差不多，作為非稱線字中的一種，一樣具備方正、簡潔、醒目的特點。這樣的字體特別適合當標題。其實黑體在使用上沒有微軟雅黑來得清晰明亮，一般在微軟雅黑和黑體的選擇下，個人更傾向微軟雅黑。

佳能的官網默認首選的字體就是黑體，字體簡潔醒目。

3、華文細黑

華文細黑是Mac下的默認中文，這套字體跟前面的微軟雅黑相比較，更顯絹細、秀氣。筆劃細節比微軟雅黑處理的多一些，所以整體給人比較精緻的感覺。注意一下，華文細黑並不是所有電腦的自帶字體，當網站文字用到這個字體的時候，是需要在自己電腦上下載這套字體的。除此，在寫css代碼的時候，font-family應該設置的選擇性多一下，以保證界面打開的最佳效果。

這個字體就不給大家做展示效果了，因為這個不是系統的默認字體，電腦上沒有安裝這個字體的也看不到網頁的原始效果。

4、中易宋體

前面介紹的三款字體都是非稱線字，接著要介紹的是稱線字體——中易宋體，簡稱宋體。宋體在我們的日常中使用范圍也很廣，這是電腦自帶的其中一種字體。宋體是為適應印刷術而出現的一種漢字字體。筆劃有粗細變化，常用於書籍、雜志、報紙印刷的正文排版，所以在大篇幅文章的設計時，可以採用宋體。這個字體是Windows系統下最常見的字體，小字體點陣，大字體TrueType。大標題顯示時字體不是很好看，所以一般不建議用宋體來當標題。

上海漢路律師事務所的網站就是採用了宋體字，這種字體的選擇一般出現在一些個性比較強的網站中，傳統、專業、公正、官方、權威，宋體就表現了這種特點。

5、 Arial

說到Arial，這套字體是微軟公司網頁核心字體之一，最常用的sans serif字體，當字型大小很小時不容易閱讀。但是，大寫的「I」和小寫的「l」是無法區別的，所以一般可以考慮用Tahoma字體來替代。這套字體方正、不花巧、方便閱讀和印刷清晰。使用范圍也是特別的廣泛。但是要知道的是，蘋果系統下是沒有這套字體的，蘋果系統下默認的是Helvetica。

可以看下禪道項目管理軟體的英文網站，幻燈片採用的字體就是Arial，可以看下這套字體在幻燈片下粗細的組合形態。

6、Tahoma

Tahoma是英文Windows操作系統的默認字體，這個字體比較均衡，是種非常圓滑的字體。這個字體和中文混排顯示時，不會出現中英文不對齊的狀態。這套字體解決了Arial大寫「I」與小寫「l」難以分辨的問題。也相當於在Arial上優化了不少。除此，細看這套字體，可以發現其實在一些筆劃的處理上還是很精緻的。

zui前端框架網站，英文字體的設置上也用到了這個字體，雖然不是第一優先選擇，但是可以看出Tahoma這套字體的使用率也是很高的。

7、Helvetica

說到Helvetica這套字體，應該是設計師們的最愛了吧。這套字體屬於 Realist風格，擁有簡潔現代的線條，受到大部分設計師的追捧。這種字體給人一種簡單、現代化、休閑輕松的感覺。適用於扁平化設計，也適合搭配任何設計項目，包括banner、平面設計以及網頁字體等。在Mac下面被認為是最佳的網頁字體，但在Windows下由於Hinting的原因顯示很糟糕。

這個字體主要體現在蘋果官網上，可以看下美國的官網。

8、Georgia

說到英文的稱線字，肯定首選是Georgia。這套字體筆劃粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還不錯。此種字體風格優雅又精緻，可用於電影海報、游戲、時尚類網頁設計中。

林肯的官網，Georgia是官網的第二優先選擇顯示的字體。網站比較現代，在一些幻燈片當中結合了Georgia字體，稱線字和非稱線字的相結合，可以使得整個網站更生動。

在專業的網頁設計里，除了Banner圖、廣告語等特殊情況可能會用到特殊字體，網頁中使用的字體以不超過2種為准，並且最好採用標准字體，比如中文的宋體、微軟雅黑，英文的Arial、Helvetica。只有使用這些系統自帶的字體，才能讓前端開發人員在排版時高程度地還原設計稿的文字效果。倘若使用了特殊字體，在設計font-family的時候，應該多設置幾種字體的優先順序，以確保網頁顯示的最佳效果。當然，我們一般情況下建議使用系統自帶的字體。

以上8種網站中常用的字體介紹和示例，希望可以對大家有所幫助。

『伍』 web字體包怎麼用

我在網頁中用過微軟雅黑
說實話沒有用
因為到瀏覽器端都會變成宋體了

『陸』 字體庫打包下載,字體庫下載的網站

saiban,選擇你手機的型號下載，有些兼容不好，可能與系統沖突導致開機慢和系統崩潰，去下載版主親測得，

『柒』 web font怎麼使用中文網頁字體

1、在Web編碼中，CSS默認應用的Web字體是有限的，雖然在新版本的CSS3，我們可以通過新增的@font-face屬性來引入特殊的瀏覽器載入字體。
瀏覽器中展示網頁文字內容時，文字字體都會按照設計師在css中定義的字體族的順序來進行顯示。什麼是字體族？字體族就是你在css代碼中看到「font-family」的代碼內的一類字體名稱，例如下面這行代碼：
font-family:"Comic Sans MS","幼圓","黑體",sans-serif;

按照W3C標准，瀏覽器在解析一行代碼時首先會在系統中查找Comic Sans MS字體，如果系統內存在這個字體那麼瀏覽器就會使用Comic Sans MS字體，如果沒有的話就接著查找幼圓字體，以此類推直到瀏覽器可以表達系統存在的字體為止。
注意了，「sans-serif」不是某個字體的名稱，而是一種在前面敘述的字體都無效時而最終選用的字體，稱為瀏覽器通用字體，它取決於你所用的瀏覽器默認的通用字體是什麼，可能是「Arial」，也有可能是「Helvetica」。
2、網頁常用字體通常分為5類：serif(襯線)、sans-serif(無襯線)、monospace(等寬)、fantasy(夢幻)、cuisive(草體)，這些通用的名稱允許用戶代理從相應集合中選擇一款字體。
serif 字體在字元筆畫末端有叫做襯線的小細節，這些細節在大寫字母中特別明顯。
sans-serif 字體在字元筆畫末端沒有任何細節，與serif字體相比，他們的外形更簡單。
monospace 字體，每個字母的寬度相等，通常用於計算機相關書籍中排版代碼塊。
fantasy 和 cuisive 字體在瀏覽器中不常用，在各個瀏覽器中有明顯的差異。
3、網頁常用字體
Sans-serif:
Helvetica: 被評為設計師最愛的字體，Realist風格，簡潔現代的線條，非常受到追捧。在Mac下面被認為是最佳的網頁字體，在Windows下由於Hinting的原因顯示很糟糕。
Arial: Helvetica的「克隆」，和Helvetica非常像，細節上比如R和G有小小差別。如果字型大小太小，文字太多，看起來會有些累眼。Win和Mac顯示都正常
Lucida Family: Lucida Grande是Mac OS UI的標准字體，屬於humanist風格，稍微活潑一點。Mac下的顯示要比Win下好。
Verdana: 專門為了屏顯而設計的字體，humanist風格，在小字型大小下仍可以清楚顯示，但是字體細節缺失嚴重，最好別做標題。
Tahoma: 也是humanist風格，字體和Verdana有點像，但是略窄一些，counter略小，曾經是Windows的標准字體，Mac 10.5之後默認也有安裝。
Trebuchet MS: 為微軟設計的一個humanist風格字體，個人覺得個性太過突出，用得不好會不搭。
Serif：
Georgia: 基本上適合正文屏顯的襯線字體，非Georgia莫屬了。筆畫粗重，襯線明線，輪廓較大，小字體顯示也很清晰，同時細節還算OK。
Times: Times是為了報紙而設計的，特點是可以在有限的空間塞進去更多的文字，筆畫較弱，小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文，被罵得很慘之後換成了Georgia。
中文：
宋體：Win最常見的字體，小字體點陣，大字體TrueType，但是大字體並不好看，所以最好別做標題。
微軟雅黑：Vista之後新引入的字體，打開Cleartype之後顯示效果不錯，不開Cleartype發虛。
華文細黑：Mac下的默認中文。
4、寫個小demo，在各種瀏覽上測試了一下，各種瀏覽器對這個字體的解析還是有差異的。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>font</title>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="author" content="@my_programmer">
<style type="text/css">
/*重置{*/
*{ padding:0;margin:0;} img{border:0;} li{list-style:none;}
/*}重置*/
div{font-size:1.2em;}
</style>
</head>
<body>
<br/>
--網頁字體通常分為5類--
<div style="font-family: sans-serif;">你好 hello world sans-serif(無襯線) </div>
<div style="font-family: serif;">你好 hello world serif(襯線) </div>
<div style="font-family: monospace;">你好 hello world monospace(等寬) </div>
<div style="font-family: fantasy;">你好 hello world fantasy(夢幻) </div>
<div style="font-family: cuisive;">你好 hello world cuisive(草體) </div>
<br/>
--無襯線類--
<div style="font-family: Helvetica, sans-serif;">你好 hello world Helvetica </div>
<div style="font-family: Arial, sans-serif;">你好 hello world Arial </div>
<div style="font-family: 'Lucida Grande', sans-serif;">你好 hello world Lucida Grande </div>
<div style="font-family: Verdana,sans-serif;">你好 hello world Verdana </div>
<div style="font-family: Tahoma, sans-serif;">你好 hello world Tahoma </div>
<div style="font-family: 'Trebuchet MS', sans-serif;">你好 hello world Trebuchet MS </div>
<br/>
--襯線類--
<div style="font-family: Georgia, serif;">你好 hello world Georgia </div>
<div style="font-family: Times, serif;">你好 hello world Times </div>
<br/>
--中文字體--
<div style="font-family: 宋體">你好 hello world 宋體 </div>
<div style="font-family: 微軟雅黑">你好 hello world 微軟雅黑 </div>
<div style="font-family: 華文細黑">你好 hello world 華文細黑 </div>
<div style="font-family: 黑體">你好 hello world 黑體 </div>

</body>
</html>

『捌』 求一個網頁製作的字體包下載，謝謝

這個你應該網路搜索 站長字體 那邊可以預覽字體效果 看到自己喜歡的才下載。
鏈接是 font.chinaz.com 希望能幫助到你

『玖』 有什麼網站的字體庫下載是免費的

找字體庫下載嗎?

筆秀網的字體庫里有下載,樓主可以到字體庫下載字體

http://www.penshow.cn/