2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
極細～極太まで、丸ゴシック日本語Webフォントを7段階の細さ(太さ)で表示する方法 - スタイルシートTipsふぁくとりー
《2020年6月2日 13:48 公開/更新》 極細～極太まで、丸ゴシック日本語Webフォントを7段階の細さ(太さ)で表示する方法 [テキスト] 極細の丸ゴシックWebフォントから、極太の丸ゴシックWebフォントまで、7段階の太さ(細さ)を選んで日本語文字を表示できるとデザインの幅が広がって便利です。丸ゴシック系フォントは閲覧環境によっては存在しない場合もありますが、Webフォントを使えば環境に依存せず表示できて便利です。また、文字を画像化せずに済むのでコピーや修正も簡単ですし、文字の検索もできます。Google Fontsで無償利用できる丸ゴシック系の日本語Webフォント「M PLUS Rounded 1c」を使えば、CSSのfont-weightプロパティで7段階の太さ(細さ)を切り替えて表示できます。 極細から極太まで7段階ある丸ゴシック系の日本語Webフォント「M PLUS Rou
なんと言おうとスマートなCSSのfont-familyはこれ｜ツーブロッカ
CSSのfont-familyは細かいことを覚えずにこれで。以前にも似たような記事を書きましたが、今回は「2016年〜版」ということで、最近僕がコーディングをするときは、だいたいこれ！というフォントファミリー指定をメモします。 /** ゴシック **/ body{ font-family: “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif; font-weight: 500; } /** 明朝 **/ body{ font-family:Times New Roman , “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, Hiragino Mincho ProN , “MSP明朝”,”MS PMincho”,”MS 明朝”,serif;
Chromeでも読みやすい游ゴシックを指定する方法 - Qiita
Windows8.1から搭載された「游ゴシック」ですが、ChromeとOperaで薄く掠れて見難くなってしまいます。 一般的にはbodyにfont-weight: 500;を与えて回避している方が多いですが、フレームワークなどを使用した場合、font-weight100～400を指定しているコンポーネントの数だけfont-weight: 500;と指定しなければならなく、あまり現実的ではありません。 「游ゴシックについて」と「ベストなfont-family」がごちゃ混ぜになって記事が見難くなってしまいました。より詳細に書き込んだため記事を分割しました。 ストックされているかたや、ブックマークされている方にはご迷惑おかけします。 この記事はタイトルの通り游ゴシックのみを扱います。 当記事を踏まえたゴシック体のfont-familyの指定は「2020年まで使えるはずだったfont-family
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
