請記住,當(dāng)媒體包括電視和網(wǎng)絡(luò)在內(nèi)的任何其他廣播媒體受到更多的關(guān)注時(shí),記住這些好時(shí)光??赡苣菚r(shí)候互聯(lián)網(wǎng)剛剛出現(xiàn),唯一被人熟悉的媒體就是印刷。當(dāng)時(shí)的設(shè)計(jì)師有一個(gè)廣泛的實(shí)驗(yàn)舞臺。他們可能根據(jù)自己的愿望自由地使用各種字體,顏色和風(fēng)格,因?yàn)樵诖蛴≡O(shè)計(jì)時(shí)沒有任何人設(shè)定特定的標(biāo)準(zhǔn)。
但是,隨著網(wǎng)絡(luò)的發(fā)展,字體的使用合并成一個(gè)棘手的狀態(tài)。關(guān)于設(shè)計(jì)師處理這種網(wǎng)絡(luò)狀態(tài)的分析顯示,超過一半的設(shè)計(jì)師更喜歡使用自定義字體。
那么,實(shí)際上這些網(wǎng)絡(luò)字體是什么?
假設(shè)您的客戶專門要求一種特定的字體風(fēng)格,而且您的電腦不支持基本的標(biāo)準(zhǔn)字體,例如Arial,宋體和黑體。在這種情況下,您將如何使用客戶端請求的字體為應(yīng)用程序提供電源?
這是自定義字體進(jìn)入互聯(lián)網(wǎng)的時(shí)代。您可以使用網(wǎng)絡(luò)字體。但是,如果沒有在系統(tǒng)上安裝它,該怎么辦?您可以使用此Web字體,可以通過托管該特定文件的服務(wù)器訪問該Web字體。該字體將被加載到瀏覽器上,設(shè)計(jì)人員可以以所需的方式查看該字體。
重慶網(wǎng)頁設(shè)計(jì)公司及重慶網(wǎng)站建設(shè)公司認(rèn)為這是非常有好處的,因?yàn)檫@些字體是靈活的,可以通過網(wǎng)絡(luò)進(jìn)行優(yōu)化,以適應(yīng)您的期望。您可以添加壓縮功能,幫助使Web應(yīng)用程序更輕,從而最終觸發(fā)加載速度。
以下是四種不同類型的網(wǎng)絡(luò)字體:
Web打開字體格式(WOFF)
WOFF2
嵌入式開放類型(EOT)
真實(shí)類型字體(TFF),這是最常用的網(wǎng)頁字體。
第一種和第二種類型在網(wǎng)頁上運(yùn)行良好。
來自網(wǎng)絡(luò)的這些字體類型的另一個(gè)有利方面是,如果您有通過網(wǎng)絡(luò)購買或下載的任何其他字體,您可以將它們轉(zhuǎn)換或重新格式化為這種類型的字體。您唯一需要的是通過具有許可證明的網(wǎng)站來完成它,并且它必須擁有上述指定格式的一個(gè)字體包。
但是,在將此格式編碼到特定站點(diǎn)的CSS之前,您應(yīng)該考慮到一些因素,如速度,可用性和將在此使用的瀏覽器的兼容性。
讓我們來看看網(wǎng)頁字體如何繼續(xù)他們的功能:
您的網(wǎng)站風(fēng)格的CSS元素為瀏覽器提供了如何提高您網(wǎng)站的可視化組件并展示這些內(nèi)容的詳細(xì)信息。這些組件包括從設(shè)計(jì)師的角度來創(chuàng)建視覺沖擊的所有內(nèi)容,如字體,顏色,紋理甚至間距。一般來說,這些字體用CSS中嵌入的字體標(biāo)簽進(jìn)行標(biāo)記,這樣可以幫助您的瀏覽器從標(biāo)題中確定文本中的各個(gè)部分。
CSS部分的行為在于設(shè)計(jì)師。您可以決定是否希望在CSS書中有一個(gè)字體梯形圖。這在一種字體未被呈現(xiàn)的情況下是必需的,而是可以替換為數(shù)組中的另一種,通常恰好是無襯線。
當(dāng)使用的系統(tǒng)不支持特定字體時(shí),瀏覽器具有進(jìn)行下一個(gè)操作的智能。直到瀏覽器找到計(jì)算機(jī)支持的瀏覽器。如果沒有字體可用,底部存在的“無襯線”將被挑選并顯示。
設(shè)計(jì)師如何標(biāo)記在特定場景中使用的網(wǎng)絡(luò)字體?是的,“@ font-face”是在CSS書中定義的聲明,以查找將在此使用的字體。您可以依賴類型套件或Google字體,也可以在本地托管或通過第三方服務(wù)器訪問。
網(wǎng)絡(luò)字體帶有一組亮點(diǎn),使其成為網(wǎng)頁最受歡迎的打字錯(cuò)誤。它提供更高的搜索排名,增強(qiáng)性能,并有助于建立品牌一致性,這是最重要的。
以下是使用網(wǎng)絡(luò)字體時(shí)需要檢查的幾件事情:
1. 速度
這是我們所需要的網(wǎng)站。我們?nèi)绾未_保這樣做?我們不喜歡在服務(wù)器上加載太多的HTTP請求,發(fā)生在使用多種字體時(shí)。所以,選擇剛才我們在字體選項(xiàng)中討論的四種字體是一個(gè)好主意,因?yàn)檫@將有助于產(chǎn)生一些HTTP請求。
2. 第三方托管網(wǎng)站的挑戰(zhàn)
總是需要一個(gè)Web安全的字體,特別是如果您被第三方服務(wù)器支持。如果服務(wù)器關(guān)閉,您就完成了。所以,有必要讓W(xué)eb安全字體總是備份。
瀏覽器兼容性非常重要: 因?yàn)樗麄冋J(rèn)為并不是所有的瀏覽器都被設(shè)計(jì)為與所有的設(shè)計(jì)幻想兼容。所以,當(dāng)你使用它的字體是一個(gè)運(yùn)氣的游戲。幸運(yùn)的是,如果他們有支持WOFF或WOFF2字體的瀏覽器(不用擔(dān)心大多數(shù)瀏覽器支持這些字體)??偸窃谶x項(xiàng)中列出一個(gè)Web安全字體是很好的。
為什么需要一個(gè)網(wǎng)頁安全字體?
正如我們已經(jīng)討論過的,可能會有第三方服務(wù)器出現(xiàn)故障或者瀏覽器的系統(tǒng)不支持預(yù)期字體的情況。但是,在這些情況下,你如何管理?
你需要備份嗎?
有這樣一個(gè)不可見的文字會持續(xù)幾秒鐘,比如3到30秒,這是瀏覽器正在尋找要顯示的默認(rèn)字體的時(shí)間。這是Web安全字體的行動。
最后,總是確保在CSS中指定了適當(dāng)?shù)穆窂?/p>
需要在CSS中始終指定字體的適當(dāng)位置; 否則會是一個(gè)錯(cuò)誤。
這些是您需要了解的關(guān)于使用網(wǎng)絡(luò)字體的一些事情。