Adobe Typekit を使い、日本語と英語で事なる書体を使っています。
見出しの太さを、太めから細めになるように、
font-weightを和文書体では「400」を使い、
欧文書体では「300」を使おうと考え、下記の指定を行いました。
css
1body { 2 font-family: "sofia-pro-soft","dnp-shuei-mgothic-std"; 3 /* "sofia-pro-soft" -> 欧文書体 | Sofia Pro Soft */ 4 /* "dnp-shuei-mgothic-std" -> 和文書体 | DNP 秀英丸ゴシック Std */ 5} 6 7h1, h2, h3, h4, p { 8 font-weight: 300; 9 /* 欧文書体で使えるweight -> 300, 400, 500, 700 */ 10 /* 和文書体で使えるweight -> 400, 600 */ 11}
両方「400」にすると欧文書体の方が太く見えるため「300」にしました。
自作のサンプルで検証した結果見た目上では自分の思い通りになったのですが、
これはブラウザ上の設定(?)が自動で和文書体を細い「400」にしてくれているという事でしょうか?
もし欧文書体の「600」と和文書体の「300」が見た目上で同じ太さの書体を
細くしたい場合どのように記述すれば良いのでしょうか?
ご意見伺えればと思います。よろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/21 10:22