日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

X-Height

發布時間:2023/12/15 49 生活家
生活随笔 收集整理的這篇文章主要介紹了 X-Height 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

術語x-height是指給定字體中,任何給定尺寸下小寫字母x的高度。 它提供了一種描述任意字體一般比例的方法。

在印刷中,x-height是一行文字的基線與小寫字母(即不包括上升筆畫或下降筆畫)的主體頂部之間的距離。x-height更精準的定義是基準線(baseline)與字體中小寫字母的中線(mean line)之間的距離。這是字體中字母x的高度(術語的來源),也是字母v,w和z的高度。 (由于過沖[overshoot],弧形的字母,例如a,c,e,m,n,o,r,s和u傾向于略微超過x高度。) 作為字體最重要的尺寸之一,x-height用于定義小寫字母與大寫字母的相對高度。 x高度是字體識別性和可讀性的一個因素。

在網頁設計中使用

在計算機技術中,x-height的一種使用方式是作為網頁中的度量單位。 在CSS和LaTeX中,x-height稱為ex。 但是,在對象的尺寸標注中使用ex比在跨瀏覽器中使用em更加不穩定。 例如,Internet Explorer中計算ex尺寸正好為em的一半,而Mozilla Firefox計算ex的尺寸更接近字體的實際x-height,并相對于字體的當前像素高度進行了四舍五入。因此,如果確定的值四舍五入到最接近的整數,那么ex與em的確切比率也可以根據瀏覽器的字體大小而變化。 例如,瀏覽器在10像素高的字體上計算x-height的45%時,可以舍入為4像素或5像素,或者將其保留為4.5像素。

磅值有別于x-Height

字體的磅值基本上是對字體總體高度的度量,即從基線上方最高字符的頂部到基線下方最長下降筆畫的高度。 但是,由于所有閱讀的拉丁字母中,超過95%是小寫字母,并且比例因字體而異,因此它們的x-height是影響文字清晰度和可讀性的重要因素。 它提供了一種非常實用的方法來對讀取的絕大多數字符的大小進行分類。

x-height

看起來相似的字體實際上可能具有非常不同的x-height比例。 例如,Gill Sans字體族的小寫字母明顯小于ITC Avant Garde Gothic字體族的小寫字母。 Plantin字體系列中的小寫字母被認為具有相對較高的x高度,而Bernhard Modern系列中的小寫字母通常被認為很小。

大號x-height

大號x-height(font-size:large;)通常會使字體在任何給定的大小下都更加可見。 因此,用非常大的小寫字符的顯示,傳達清晰和強調的信息。 包含大號x-height的文本字體通常這樣做是為了提高易讀行和可讀性。 Spartan Classified字體設計的字體非常小巧,其x-height比使用Futura字體大得多,該字體用于普通的字體磅數范圍內的文本撰寫。

x-height因字體而異

小號x-height

盡管在某些情況下大號的字母可能是可取的,但較大的字母并不總是更好。 這種可見性通常是有代價的。 隨著x高度的增加,字母的上升筆畫和下降筆畫的長度減小。 極端地說,這會降低字母的可讀性。 由于這個原因,例如,像Antique Olive這樣的字體很難以小尺寸閱讀。

Antique Olive(左)和Gill Sans(右)設為solid。

大號x-height的字體也比小號x-height字體占用更多的空間。 例如,在任何給定的度量標準下,使用Perpetua這樣的字體可以比使用ITC Legacy Serif這樣的字體多節省10%的空間。 需要考慮的重要結果是,將書本或廣告文案的長度增加10%,將其縮小至適合頁面的10%。

ITC Legacy Serif (左) 比Perpetua (右)占用更多空間

小號x-height的字體也可以通過其他方式節省空間。 如果將復制行設置為沒有額外的行距,則x-height較短的字體的上升筆畫和下降筆畫呈比例增長,并且將在該類型的行之間形成更大空白的錯覺。

與大多數排版設計一樣,關于選擇具有各種x-height的字體的固定規則很少。 在任何給定情況下選擇x-height合適的字體時,考慮到聽眾,閱讀環境和排版設計應用始終是一個合適的起點。

參考資料:

http://wikipedia.moesalih.com/X-height

https://typedecon.com/blogs/type-glossary/x-height/

https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/x-height

總結

以上是生活随笔為你收集整理的X-Height的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。