Font

Google官方有建議兩種字型來搭配不同的文字類型使用:

  • Roboto

Roboto 字型下載
Roboto 文件下載

使用範例

粗斜體

  • Noto

Noto 字型下載

使用範例

粗斜體

文字類型

依照文字的型態,文字和其可以分為以下三類:

  • 英文和類英文語系
    泛指拉丁、希臘和西里爾語系,適用Roboto和Noto字型。
  • 高字體語系
    泛指南亞和中東語系,此類文字需要較高的行高來容納較大的字體,適用Noto字型。
  • 密集字體語系
    泛指中國、日本和韓國,一樣需要較高的行高來容納較大的字體,適用Noto。

各語言和其所屬分類的對照表,請查看官方文件

文字風格選用

過多的文字風格會破壞任何畫面,以下將以三種文字型態分別描述。

有關字體單位(sp)的說明,請查看測量單位

英文和類英文語系

  • 大小

一個基本的字體大小組合為12、14、16、20和34

>

更多範例請查看[官方文件](https://www.google.com/design/spec/style/typography.html#typography-styles)

  • 行高

高字體語系

  • 大小

避免使用粗體,會造成文字視覺上過粗。內文到標題部分會比英文語系多1sp

>

更多範例請查看[官方文件](https://www.google.com/design/spec/style/typography.html#typography-styles)

  • 行高

整體比英文語系多0.1em

密集字體語系

  • 大小

內文到標題部分會比英文語系多1sp

>

更多範例請查看[官方文件](https://www.google.com/design/spec/style/typography.html#typography-styles)

  • 行高

高字體語系

其他通用規範

行距

單字或字元間距

單行長

適當的長度可以提高一段文字的可讀性。單行長度如果太短,會打斷使用者閱讀節奏,且造成壓力;太長則會讓使用者難以抓到重點。

以下提供兩種情境下的適當長度:

  • 主要內文

理想長度:60字元

  • 短句

理想長度:30字元