文言の背景に角丸矩形を配置したデザイン

使用フォント：Noto Sans Japanese

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

使用フォント：BIZ UDPGothic

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

使用フォント：Zen Old Mincho

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

使用フォント：游ゴシック

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

使用フォント：ヒラギノ角ゴシック

※macOSで閲覧ください。フォントファミリーはHiragino Kaku Gothic ProNを指定しています。

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

使用フォント：メイリオ

※Windowsで閲覧ください。

① text-box: none（未指定の場合）

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

② text-box: trim-both text

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

③ text-box: trim-both cap alphabetic

  • りんご
  • お問い合わせ
  • login
  • Serviceについて

④ text-box: trim-both cap alphabetic、上下均等にpaddingを追加

  • りんご
  • お問い合わせ
  • login
  • Serviceについて