light_mode dark_mode

履歴など


IPAの発音記号を表示するのに適したフォント 〜mac標準、google fonts〜

blog-entry-248 IPAの発音記号を表示するのに適したフォント、X-SAMPAに適したフォントをmac標準搭載とフリーで使えるGoogle Fontsから。Google Fontsの分はそうと表示。書体と文字幅もアイコンで。
  • 2021-01-30:追加「Source Code Pro」「Cousin」 Google Fonts  該当位置まで▼
  • 2020-09-06:初出
IPA用・X-SAMPA用のそれぞれの見やすさの目安、記号の意味etc...
文字太さは「細め」とあるのはLight 300 *Google Fonts
…でもあれ? 細めの Light 300 *Google Fonts 設定してるのに細さ変わらないナ…、設定方法間違ってる?いや合ってるハズだが?? =暫定:graystripe仕様=

IPA用の見やすさの目安
  • 【IPA用の特殊な記号】/a, ɑ, (α)/ ≒ a系のバリエーション、α(アルファ)はおまけなのでカッコ(※1)
  • 【数字の0, アルファベットの o, O】見分けやすいものがgood、 一応
  • 【I,l 】見分けやすいものがgood、一応、 ※iの大文字と l(エル)の小文字
X-SAMPA用の見やすさの目安
  • 【数字の0, アルファベットの o, O】なによりこれが見分けやすいものがgood
  • 【I、l 、l、1】 なによりこれが見分けやすいものがgood ※iの大文字、l(エル)の小文字、数字の1
  • 【IPA用の特殊な記号】X-SAMPA用と割り切るなら見分けやすさは不問
代替表示とは...?
  • 指定したフォントにない文字や記号の場合、その記号無いよと『□』表示になったりはしない
  • …これは、そういうcssの設定だから { font-family: 'Roboto', sans-self; } sans-self部分がそういうことのないようにの"保険"
  • …比較用に、そういう代替表示をしない設定の分も提示
アイコンの意味
  • 書体: =ゴシック体、 =明朝体
  • 文字幅: =等幅 ※文字幅が同じ …総じて【ɪ iː, i I l L1】が見分けやすくて⭕️な傾向
記号の意味 = 個人的雑感
  • 🔺…惜しい、実際にはそれぞれの用途(IPAかX-SAMPAか)での表示なら気にならないレベル
  • ❌…アカーン、NG、見分けつきにくい
IPA表示用 〜mac標準搭載〜
ヒラギノ明朝 ProN 145890, oO@
ɪ iː, i I l L 🔺
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

/ɝ, ʤ, ɫ/ 、/(スラッシュ)の右側の /ʧ/はおそらく代替の

游明朝体 145890, oO@
ɪ iː, i I l L 🔺
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

/ɝ, ʤ, ɫ/ 、/(スラッシュ)の右側の /ʧ/はおそらく代替の

游ゴシック体 145890, oO@
ɪ iː, i I l L 🔺
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

/ɝ, ʤ, ɫ/ 、/(スラッシュ)の右側の /ʧ/はおそらく代替の

ヒラギノ角ゴシック 145890, oO@
ɪ iː, i I l L 🔺
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz
X-SAMPA表示用 〜mac標準搭載〜
Menlo 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

@ がややひしゃげ気味

Courier 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

@ がひしゃげてる
/ɑ˞ ɔ˞/ フック(尻尾, 横っちょのニョロ)がやや離れ気味

Courier New 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

@ がひしゃげてる
/ɑ˞ ɔ˞/ フック(尻尾, 横っちょのニョロ)が離れすぎ

Osaka-等幅 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

@ が小さめ...?

Verdana 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α) 🔺
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz
Tahome 145890, oO@
ɪ iː, i I l L ❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がNG

Monaco 145890, oO@
ɪ iː, i I l L ❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がNG

helvetica 145890, oO@
ɪ iː, i I l L ❌
a ɑ (α) 🔺
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がNG

Roboto 145890, oO@
ɪ iː, i I l L ❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がNG
たいがいのIPA記号が代替表示:
/ɪ , ː , ɑ , ʌ/や、 『tʃ / ʧ』スラッシュ左側の/tʃ/の/ʃ/部分、 /ʧ ɾ ʤ ɫ/など

比較用/参考用 参考用cap画像 from GoogleFonts

「X-SAMPA表示用 〜mac標準搭載〜」や
「IPA表示用 〜mac標準搭載〜」で挙げたものは、 Robotoに限らず このようにたいがいのIPA記号が代替表示だと推測される

IPA/X-SAMPA表示用 〜Google Fontsより〜
Cousine 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Source Code Pro 145890, oO@
ɪ iː, i I l L ⭕️
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

おう、優秀(!)
無いのは/ɝ/だけ (で、これがおそらく代替表示)

Cardo 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

EB Garamond 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Andika 145890, oO@
ɪ iː, i I l L 🔺 ❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
/ɛ , ɔ˞/ はおそらく代替表示

Istok Web 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
『a ɑ (α)』の『α』(アルファ)はおそらく代替表示

Fira Sans 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Fira Sans 細め 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Fira Sans Condensed 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Fira Sans Condensed 細め 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)

Gothic A1 145890, oO@
ɪ iː, i I l L 🔺❌
a ɑ (α)
@ ː ə ʌ æ ɜ ɪ ɛ ɔ ʊ ɝ ɚ ɑ˞ ɔ˞ θ ð ʃ ʒ tʃ / ʧ ɾ ʤ ɫ ŋ
i:, {QVIEOU, TDSZ tS dZ N, 1ng 6l 9l 0l
āâ abcdefghijklmnopqrstuvwxyz

Iとl (iの大文字、Lの小文字)の区別がイマイチ ※IPA用途なら
おう、優秀(!)


※1. α(アルファ)…IPAでは基本未使用、ただし辞書によってはこれの場合も(webioがそう)
下記はCSSからGoogle Fonts使用に関するヶ所
/*mac標準*/
.hiragino_min_pron { font-family: 'ヒラギノ明朝 ProN', self; }
.yu_min { font-family: '游明朝体', self; }
.yu_kaku { font-family: '游ゴシック体', 'YuGothic', '游ゴシック', sans-self; }
.hiragino_kaku { font-family: 'ヒラギノ角ゴシック', sans-self; }
.helvetica { font-family:  'Helvetica', sans-self; }
.roboto { font-family: 'Roboto', sans-self; }
/*mac標準*/
.menlo { font-family: 'Menlo', sans-self; }
.courier { font-family: 'Courier', self; }
.courier_new { font-family: 'Courier New', sans-self; }
.osaka_mono { font-family: 'Osaka-Mono',  'Osaka-等幅', monospase, sans-self; }
.verdana { font-family: 'Verdana', sans-self; }
.tahoma { font-family: 'Tahoma', sans-self; }

/*google fonts*/
@import url('https://fonts.googleapis.com/css2?family=Andika&family=Cardo&family=EB+Garamond&family=Fira+Sans+Condensed:wght@300;400&family=Fira+Sans:wght@300;400&family=Gothic+A1:wght@300;400&family=Istok+Web&family=Cousine&family=Source+Code+Pro:wght@300;400&display=swap');
.Cousine{ font-family: 'Cousine', monospace; } /*追加 @2021/01/30*/
.Source_Code_Pro{ font-family: 'Source Code Pro', monospace; } /*追加 @2021/01/30*/
.Cardo { font-family: 'Cardo', serif; }
.EB_Garamond { font-family: 'EB Garamond', serif; }
.Andika { font-family: 'Andika', sans-serif; }
.istokWeb { font-family: 'Istok Web', sans-serif; }
.FiraSans { font-family: 'Fira Sans', sans-serif;  font-weight:400; }
.FiraSans_thin { font-family: 'Fira Sans', sans-serif; font-weight:300; }
.FiraSansCondensed { font-family: 'Fira Sans Condensed', sans-serif;  font-weight:400; }
.FiraSansCondensed_thin { font-family: 'Fira Sans Condensed', sans-serif;  font-weight:300;}
.GothicA1 { font-family: 'Gothic A1', sans-serif; }

.fonts i{ background:#ccc; opacity:0.6; font-style:normal; } /*代替フォントが表示されてるだろうヶ所のグレーアウト*/

関連記事