文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
【2023年版】font-familyの正しい指定方法・タイプ別おすすめフォント設定例
この記事では、フォントを指定するためのCSSプロパティ「font-family」の書き方について一から詳しく解説します。font-familyを設定したことが無い方でも、正しくフォントが指定できるように、プロパティの書き方から、OSごとの設定の違い、おすすめのフォント設定例などもご紹介します。 「font-familyはいつもコピペしている…」なんて方も、正しい知識が有るか無いかは大きな違いです。ぜひこの機会に、font-familyの正しい設定方法をマスターしてください。 ※本記事は、各OSの標準インストールフォントや、ブラウザのアップデート状況などを踏まえて、なるべく最新の情報をお届けできるように、内容を随時更新しています。著者の調査した情報に基づいて執筆しているため、内容に間違いや不備のある可能性もあります。（最終調査日：2023年7月） font-familyの役割とは CSSのf
無料日本語WEBフォント。その設定方法とライセンスに注意！
WEBフォントを使用すると、ブラウザに左右されず、デザイナーの意図したフォントがWEB上で表示されます。企業やブランドのイメージを伝えるために、ブラウザに左右されないフォントが使えると便利ですよね。最近では日本語でも無料のWEBフォントが普及しており、気軽にWEBフォントをサイトに取り入れることができます。この記事では、無料WEBフォントを中心に紹介していきます。 WEBフォントのメリット・デメリット まずはWEBフォントのメリット・デメリットをみていきましょう。 メリット ・ブラウザに左右されずに、フォントの指定ができる。 ・レスポンシブサイトの場合、画像を使用しなくてもいいため、対応しやすい。 ・更新作業が楽。 ・コピペができる。 ・SEO対策にもなる。（タイトルなどに、画像を使用しないため） デメリット ・読み込む時間がかかる。 ・タイムラグがでてしまう場合がある。（標準フォント表示
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
?p=44
