外貿(mào)網(wǎng)站建設(shè)中非常漂亮的網(wǎng)站字體
時(shí)間：2022-08-15 16:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2022-08-15 16:18:01 來源：網(wǎng)站運(yùn)營(yíng)
外貿(mào)網(wǎng)站設(shè)計(jì)中的頁面排版目前正掀起一股無情的創(chuàng)意浪潮。Google Fonts 是數(shù)字設(shè)計(jì)師的寶貴資源，其字體的開源特性使其成為商業(yè)和個(gè)人使用的可行選擇。作為 Google 工具，可訪問性當(dāng)然是關(guān)鍵，因?yàn)樗x擇了高質(zhì)量的網(wǎng)絡(luò)和移動(dòng)版式，同時(shí)考慮了易讀性和可讀性。
最新趨勢(shì)的外貿(mào)網(wǎng)站建設(shè)中主要設(shè)計(jì)元素，使Google字體成為比以往任何時(shí)候都更有價(jià)值的資源。它的界面和下載系統(tǒng)直觀而舒適，讓您可以比較所有可用的字體和樣式，以補(bǔ)充當(dāng)前的創(chuàng)意景觀 - 粗體排版、襯線和顯示字體、大段落和裝飾風(fēng)格的融合。
最推薦的Google Web字體
在這里您可以找到我們選擇的一系列字體，部分原因是它們的美學(xué)品質(zhì)，但最重要的是它們的功能。除了具有多種樣式和粗細(xì)的系列之外，您還會(huì)發(fā)現(xiàn)針對(duì)界面優(yōu)化的字體、UI 優(yōu)化的 Web 字體以及其他在段落中特別清晰，或者特別適合在移動(dòng)設(shè)備上閱讀并且在任何設(shè)備上都清晰易讀的字體- 無論是它智能手機(jī)、臺(tái)式機(jī)或平板電腦。
高端外貿(mào)網(wǎng)站建設(shè)公司萬邦網(wǎng)絡(luò)總結(jié)了下面這么多款免費(fèi)的Google網(wǎng)絡(luò)字體:
1. Sora2. Hahmlet3. JetBrains Mono4. Andada Pro5. Epilogue6. Inter7. Encode Sans8. Manrope9. Lora10. BioRhyme11. Playfair Display12. Archivo13. Roboto14. Cormorant15. Spectral16. Raleway17. Work Sans18. Lato19. Anton20. Old Standard TT21. Oswald22. Montserrat23. Poppins24. Nunito25. Source Sans Pro26. Oxygen27. Open Sans如何使用外貿(mào)網(wǎng)站建設(shè)中的漂亮的網(wǎng)頁字體
有兩種方法
第一種方法是使用Web字體服務(wù)，如谷歌的字體，Webtype，
http://Fonts.com或Typekit，并從他們的服務(wù)器下載字體，您將在下面的例子中看到：1的Web字體嵌入服務(wù)
第二個(gè)是在您的服務(wù)器中托管字體并在樣式表中使用 @font-face 規(guī)則，如下所示：2. 使用 @font-face 規(guī)則嵌入字體
網(wǎng)頁字體嵌入服務(wù)
Google Web Fonts (GWF) 或 Typekit 是允許使用托管在其服務(wù)器上的字體的系統(tǒng)。GWF 可以免費(fèi)使用，不需要您擁有帳戶，并且與 Typekit 不同，沒有流量或域限制。Typekit 根據(jù)使用字體的域數(shù)量或站點(diǎn)的月流量來設(shè)置服務(wù)成本。GWF 最有價(jià)值的特性之一是可以選擇下載字體的桌面版本以在項(xiàng)目設(shè)計(jì)階段使用。
實(shí)施
1. 選擇一種字體。您可以將其添加到您的收藏中或使用“快速使用”來生成該字體的代碼和選項(xiàng)。
2. 將生成的代碼復(fù)制并粘貼到您的 <Head> 中
<head> <link rel = "stylesheet" type = "text/css" href = "
http://fonts.googleapis.com/css?family=Tangerine" > </head>
3. 現(xiàn)在可以在您的 CSS 代碼中訪問該字體
body { font - family : 'Tangerine' , serif ; 字體-大?。?8像素; }
使用 @font-face 規(guī)則嵌入字體
字體獨(dú)立于外部服務(wù)托管在用戶的服務(wù)器上。@font-face 是已棄用的 CSS2 規(guī)則，已在 CSS3 規(guī)范中重新引入，幾乎所有現(xiàn)代瀏覽器都支持。外貿(mào)網(wǎng)站建設(shè)中的網(wǎng)頁字體是一種自定義字體，受不同瀏覽器支持，有TTF、WOFF、EOT 和 SVG等格式 。
@font - face {字體-系列：'ChunkFiveRegular' ; src : url ( 'Chunkfive-webfont.eot' ); src : url ( 'Chunkfive-webfont.eot?#iefix' )格式( 'embedded-opentype' ), url ( 'Chunkfive-webfont.woff' )格式( 'woff' ), url ( 'Chunkfive-webfont.ttf' )格式( 'truetype' ), url ( 'Chunkfive-webfont.svg#ChunkFiveRegular' )格式( 'svg' ); 字體-粗細(xì)：正常；字體-風(fēng)格：正常; }
關(guān)鍵詞：漂亮,字體,建設(shè),中非
在線咨詢