網(wǎng)站制作技術(shù):src描述符與高級字體描述符的編寫
作者:佚名 時間:2014-03-14 分享到:
網(wǎng)站制作技術(shù):src描述符與高級字體描述符的編寫
在網(wǎng)站制作編寫要根據(jù)客戶要求而定義字體描述符:我們會用到src字體描述符,@font-face規(guī)則中的src描述符告訴瀏覽器要到哪里檢索字體。對于可下載的字體來說,該描述的值就是其文檔URL,在CSS語法中用url關(guān)鍵字表示。我們還可以在制作網(wǎng)頁時用src引用在本地安裝的字體(也就是存儲在用戶機器上的字體),但是使用的關(guān)鍵字是local而不是src,而且要提供字體本地名稱。 src描述符的值可以是用逗號分開的位置列表。在我們前面的示例中,可能已經(jīng)用到了:
src:url("http://www.kumquat.com/foumdry/kumquat-sans"),local("Lucida Sans")
這行代碼告訴瀏覽器嘗試從kumquat.com上下載并使用Kumquat Sans,如果無法下載命名用,就查找本地安裝的Lucuda Sans的副本。 我們可以向瀏覽器提供一些暗示。CSS在涉及到字體文件的格式時,提供了很很大的靈活性。該標準認識到大量不同字體格式的存在,允許我們使用任何己希望的格式,同時假定瀏覽器可以理解這些格式。如果要提供格式暗示,可以使用關(guān)鍵字format,后面跟有一個或多個格式名,例如:
src:url("http://www.kumquat.com/foundry/kumquat-sans") format("type=1"),local("Lucida Sans") format("truetype","intellitype")
在這種情況下,外部字體是Type 1格式,而Lucida Sans的本地版本可以是、TureType和Intellifont兩種格式。其他識別出來的字體格式包括truedoc-pfr、opentype、embedded-opentype、truetype-gx和speedo。 網(wǎng)站高級字體描述符
除了標準字體描述符之個,CSS2還支持大量更為機密的描述符,它們可以進一步改善字義的字體。一般的頁面設(shè)計師都不是非常需要這些描述符,但是更謹慎的印刷則會發(fā)現(xiàn)它們非常有用處。
unicode-range描述符接受用逗號分開的Unicode值的列表,其中每個值都以U+開始,后面跟有一個十六進制的值。添加一個破折號和另外一個十六進制的值,就可以指定值的范圍;問號可用于匹配該位置的任何值。
unicode-range描述符的目的是精確地定義在字體中定義的字符glyph。如果文檔使用的字符不可用,瀏覽器就不會下載和使用該字體。例如,U+2A70的值表明字體中字體的哪個位中包含glyph。使用U+2A7?可以代表2A70~2A7F范圍內(nèi)的字符,而U+2A70-2A9F則定義了更寬的范圍。從很大程度上來說,這種描述符用來限制特殊符號字體的使用,它規(guī)定了只能使用字體定義的那些符號。
units-per-em描述符接受單個的數(shù)值,它定義了字體的em區(qū)域的大小。如果使用em單位為其他描述符指定了值,該值就非常重要。(em是歐美文字改版的字行長單位,是給定尺寸的鉛字所占有的表面積。例如,一個8點的鉛字占有8點em的印刷面積。)
panose-1描述符接受用空格分開的10的倍數(shù)的整數(shù)值,這符合該字體的Panose-1的描述。
Stemv和stemh描述符定義了字體垂直和水平筆劃的厚度,以em為單位。同樣,cap-height和x-height描述符定義了字體中大寫和小寫glyph的高度。最后,ascent和descent描述符定義了整體的最大高度和深度。如果使用了其中任何一個描述符,還必須制定units-per-em描述符。
slope描述符定義了字體垂直筆劃的范圍。它對于匹配斜體字體方面非常重要。
baseline、centerline、mathline和topline描述符定義了字體的常規(guī)基線、中心基線、數(shù)學(xué)基線和頂部基線。它們都接受以em表示的數(shù)值。而且都要求我們也要指定units-per-em描述符。
bbox描述符接受整兩閏坐標(x,y)對,用來指定字體邊界框的左下角和右上角。如果瀏覽器選擇在該字體的基礎(chǔ)上合成一個字體,bbox描述符就會非常重要。通過指定邊界框的大小,我們就可以確保合成的字體所占據(jù)的空間正好如人所愿。
widths描述符接受用逗號分開的Unicode范圍列表,其后跟有用空格分開的值,這些值字義了字符在indicated范圍中的字符寬度。如果為某個范圍內(nèi)的連續(xù)字符。與bbox描述符類似,widths描述也用來確保合成字體及其被請求的副本之間的近似度。
最后,可選的definitions-src描述符提供了某文件的url,該文件包含字體所用的全部打描述符。如果你需要詳細地定義某種字體,那么使用該描述符將會非常方便。與其在做網(wǎng)站建設(shè)工作時使用該字體的文檔或樣式表中包括這些冗長的描述符,不如在一個單獨的文件中一次性定義描述符,然后使用definitons-src描述符引用該文件。