今指定している仕様。
- font-family (混植)
- 和文フォントに游ゴシック、ヒラギノ
- 欧文フォントにSegoe UI
- 三点リーダに和文フォント
- 欧文フォント指定で三点リーダが下付きになる対策
- font-feature-settings: “palt”
- 読みやすい文字詰め
- letter-spacing: .5px
- でも詰まりすぎなので少し空ける
- NotoSansでは空きすぎるのでPCのみに適用
- text-shadow: 0 0 #(淡色)
- Winで游ゴシックが細くなる対策
- word-break: break-all
- 要素の右端でのみ自動改行する
@font-face
font-family: 'ellipses'
src: local('Yu Gothic Medium'), local('YuGothic'), local('Hiragino Kaku Gothic Pro')
unicode-range: U+2026
html
font-family: "ellipses", "Segoe UI", "Yu Gothic Medium", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Helvetica Neue", sans-serif
font-size: 15px
font-feature-settings: "palt"
text-shadow: 0 0 $c_c
word-break: break-all
@media screen and (min-width: 768px)
html
letter-spacing: .5px