2024年用、日本語のフリーフォントをアップデートした際に好評だった「KTきよすなゴシック」をはじめ、可読性に優れたフリーフォントをリリースされている「こはくのタイプライブラリ」から、新作フリーフォントがリリースされまし...記事の続きを読む
![ゴシック体の素晴らしい世界が広がる! 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2052ea92e77e49ad9dad438fabb6284dbe208d9/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202403%2F2024071501%402x.png)
はじめに 画面幅に対して流動的にフォントサイズを変化させたい場合、vw などの単位を用いると実現できます。たとえば font-size: 5vw; を指定すると、幅 960px ではフォントサイズは 48px、幅 320px では 16px になります。しかし、320px で 16px は小さすぎるので 32px にしたいとなると、計算が必要になってきます。 この計算方法や流動的フォントサイズのさらなる詳細については、以前登壇したときの資料をご覧いただきたい 👇 資料にもございますが、計算して CSS を出力してくれるアプリも作っています 👇 Sass の mixin もあります 👇 今回は、calc() clamp() min() max() と CSS カスタムプロパティを駆使して、自分で計算する必要がなく、Sass なども不要で CSS のみでの実装を紹介いたします。 使い方と
皆様、こんばんは。 今回の投稿は、「Windows」のシステムフォントに関する投稿となります。 それでは今回の投稿にまいりましょう。 【スポンサーリンク】 はじめに さて改めまして今回の投稿は、「Windows」のシステムフォントに関する投稿になります。 「Windows」のシステムフォントについては、「Windows 7」に採用されていた「Meiryo UI」というシステムフォントについて、「Windows 10」から新たに「Yu Gothic UI」というシステムフォントが採用されました。 そして「Yu Gothic UI」というフォントは、「字游工房」企業が作成を手掛ける「游ゴシック」というフォントを基調とするフォントであり、「Windows」のシステムフォントとして採用されるために「游ゴシック」フォントよりも字間の幅が狭くなっています。 しかしながら「Yu Gothic UI」と「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く