iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 10
3
Modern Web

鉄人28号FX系列 第 10

鉄人28号FX 鉄人10号「幻影狐」font-style

  • 分享至 

  • xImage
  •  

★ 地圖近郊岩洞底層 ↓↓↓

閱讀前,建議先前往 鉄人9号「修飾蝠」獲取少量經驗值,此為岩洞口探索續章。

顯示岩洞口位置圖

怦怦!
心跳聲。)

靜。

岩洞口 [幻影狐]
「偽粗體」與「偽斜體」皆是透過加工 (人工傾斜常規字體) 得到的效果。

:(*´・д・)??


★★★ 副本條件 ↓↓↓

文體風格 (font-style)

Italic 樣式一般是指書寫體,相比常規字體,通常會佔據更少的水平空間,而 oblique 傾斜體一般只是常規字體的傾斜版本。當指定的樣式不可用時,通過瀏覽器加工傾斜常規字體 (透過 font-synthesis 屬性可避免未明確行為)來模擬斜體 (italic) 和傾斜體 (oblique)。

Italic 字體最初是指 15 世紀發源於義大利,源自手寫,形狀歪斜的字體。

偽?
人工??
傾斜體???

岩洞口 [幻影狐]
先試著理解一些基本觀念:

歐文 (西方)

  • 歐文中依字形分為兩種:italic 斜體和 oblique 傾斜體。
  • 傾斜時伴隨著字形的變化的稱為 italic 斜體。
  • oblique 傾斜體可以被理解成傾斜版本的無襯線字體 (sans-serif)。
  • 事實上,並非所有 italic 斜體皆是傾斜的。

漢字 (東方)

  • 理論上「斜體」譯名應該是「斜體」和「傾斜體」,這兩種字體的合稱。

歐文字體設計師大曲都市指出,oblique 斜體就是一種使用機械方式讓字母歪斜的字體。以某一點為基準,讓整組字母傾斜一個角度 (例如向右傾斜 10 度),沒有特意納入手寫時的自然傾斜設計。(如這段文字顯示)

( 註 圖片來源:Toshi Omagari Italic subtleties )
italic and oblique
岩洞口 [幻影狐]:
???? 我是誰。

We are the world~~
We are ~~

對不起

粗體、斜體與正文字體是三種不同的字型,基於不同的需求而設計出來的形態,並不是純屬「加上去的特殊效果」。這些概念都是來自西方,傳統中文排版沒有這三種字體的區別,也沒有使用斜體標示重點的慣例。

(◟;゚д゚)ノ
:那在什麼情況下,
可認定為偽斜體呢??

  • 中文或歐文襯線字體直接被機械式的傾斜。
  • 通過瀏覽器加工傾斜常規字體,來模擬屬性值設定為 italicoblique

real or false

註:不是所有的家族字型都含有 italic 和 oblique 字型。 即便如此,瀏覽器也會通過使用現有的字型來模擬所缺少的部分。例如設定 italic 屬性值,當前如無相對應的斜體版本,會選用傾斜體 (oblique) 替代。

↑ EXP! +110% )
↑↑ MP! +60% )
↑↑↑ INT! +40% )

★ 角色等級提升

  • 強調文本可借由底色、邊框與不同字體的變化方式,搭配運用。
  • 當無襯線字體需強調效果時,比起設定 oblique 屬性值,反而更適合透過增加字重方式呈現。
  • 在某些無襯線字體發現 italic 版本,都是經過重新設計,並不是機械式的變形。(例 Helvetica Neue 等)

→ 開心往岩洞底層繼續前進。→ → →

To Be Continued ...


[ 追加經驗值 ]
註:參考來源 Toshi Omagari Italic subtleties
BBC 大眾字型學(4):理想的排版強調法
中文斜體字型創作。( 激燃體 )
關於 MDN 由 Mozilla Contributors 製作,以 CC-BY-SA 2.5 釋出。


上一篇
鉄人28号FX 鉄人9号「修飾蝠」text-decoration
下一篇
鉄人28号FX 鉄人11号「變體蟲」font-variant
系列文
鉄人28号FX30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
yachen
iT邦新手 4 級 ‧ 2019-09-25 21:32:42

被 Michael 戳到笑點...

好人一枚。
We are the children~~
跟著唱!

0
Chris
iT邦新手 3 級 ‧ 2019-09-27 16:33:19

要戰了?!

維護世界和平就靠你了!

我要留言

立即登入留言