從正文開始并將其設(shè)置為默認(rèn)大小1em，在大多數(shù)瀏覽器中計算為 16 像素。使用相對單位，然后按比例放大字體大小和理想情況下的布局，并在更大的視口上放大，因為我們可以假設(shè)觀眾離得更遠(yuǎn)。

字體的好壞取決于它的設(shè)置。您可以為您的網(wǎng)頁或應(yīng)用程序設(shè)計選擇好的字體，并且在將字體設(shè)置得如此之小或以其他不合適的方式進(jìn)行設(shè)置時，仍然可以大放異彩（雙關(guān)語）。在設(shè)置文本時，排版的三位一體是：字體大小，行高（或前導(dǎo)），和線長（或測量）。這三個參數(shù)彼此密切相關(guān)，如果您的文本容易閱讀，就會產(chǎn)生影響。所以在調(diào)整字體大小時，其他參數(shù)也可能會隨之調(diào)整。我總是從選擇合適的字體開始，然后設(shè)置合適的字體大小，然后注意行長和行高。

與選擇合適的字體一樣，問問自己，您的文本的主要用途是什么？它是一種長閱讀格式嗎，比如博客？然后正文是您節(jié)目的明星。它是一個投資組合還是一個更具營銷意義的炫耀網(wǎng)站？然后顯示文本開始發(fā)揮作用。它是具有非常短的準(zhǔn)確信息的應(yīng)用程序或 UI，那么功能性文本是您的主要角色。以下是我在項目中使用的值。將它們用作有用的指南。顯示文本，如標(biāo)題或拉引號，設(shè)置得更大。理想情況下，正文應(yīng)該圍繞瀏覽器默認(rèn)設(shè)置。功能性文本可以稍微小一些。

文章主體默認(rèn)值：16px或1em，在移動設(shè)備上：使用默認(rèn)值，有時會縮小 10%，在桌面上：向上直到24px或1.5em。我看到很多網(wǎng)站將正文設(shè)置得太小。在視頻中，我展示了一個酒店網(wǎng)站的可怕示例，其中正文文本在桌面上僅設(shè)置為 11 像素，這很荒謬。即使是移動設(shè)備，它也太小了。

顯示文本（標(biāo)題 1）默認(rèn)值：40px或2.5em對于

，移動設(shè)備：32px或2em更小，因為它占用了太多空間，在桌面上：向上直到64px或4em。
我將其用作字體大小的大值。對于其他標(biāo)題，您可以選擇介于兩者之間的一些值，這些值仍將創(chuàng)建視覺層次結(jié)構(gòu)。在大多數(shù)情況下，您只需要將您的樣式設(shè)置

為

. 將

可能在一個更大膽的重量或不同的字體大小相同的正文，而是集，所以它仍然站出來作為標(biāo)題。

功能性文本（標(biāo)題、導(dǎo)航）默認(rèn)值：12pxto14px或0.75emto0.875em，在移動設(shè)備上：不要低于默認(rèn)值，它已經(jīng)很小，在桌面上：上升到16px或1em。此文本可以小于正文文本。這是因為否則您將很難將其融入您的設(shè)計中。不過，它應(yīng)該仍然可讀。這里的一個提示是使用稍強的重量（如中等）并增加跟蹤（1% 或 0.01em）。

網(wǎng)站題目：網(wǎng)頁設(shè)計中如何應(yīng)用正確的字體
當(dāng)前鏈接：http://www.2m8n56k.cn/news8/284958.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、網(wǎng)站設(shè)計、做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)