2022年も新しいフリーフォントがたくさんリリースされました！ 2022年、日本語の新作フリーフォントのまとめ
2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2022年フォント界の大きなニュースは、今年も引き続きGoogle Fontsに大量の日本語フォントが追加されたことでしょうか。Webフォントとして利用できるのはもちろん、オープンソースなので商用プロジェクトでも無料で利用できます。 また、LINEからフリーフォントがリリースされたのも予想外でした。ほかにも、手書き系の文字種が揃ったフリーフォント、マンガやテレビにインスパイアされたフリーフォントなど、使いたく
簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
より良いタイポグラフィのための知られざるCSS
CSS組版 Vivliostyle ユーザーと開発者の集い 2020秋 https://vivliostyle.connpass.com/event/189940/
次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
令和元年ベストのfont-familyはこれだ / Better font-family 2019 in Japanese - Speaker Deck
🦠🦠🦠このスライドの内容の更新して記事にしたので、ICS MEDIAのほうを参照ください🦠🦠🦠 2020年に最適なfont-familyの書き方 - ICS MEDIA https://ics.media/entry/200317/ --- OSやブラウザのアップデートによりウェブサイトのフォントは影響を受けてきました。最近だとiOS 13 Safariでフォントが激太りを起こしたり、macOS CatalinaとChromeの組み合わせで明朝体化するウェブサイトが多発しました。 他にも「ＭＳ Ｐゴシック」の呪縛、「游ゴシック」の薄さ問題、アンチエイリアスの変化など問題はつきません。このライトニングトークでは、現代の最適解としてのフォント指定を紹介します。 Website fonts have been affected by OS and Browser updates. R
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist
游ゴシックとの戦い、および2019年に使えるfont-family指定 | Lon Sagisawa
tl;dr うちではこんなfont-familyまわりの指定をしている。たぶん2019年時点でベストの設定。 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700'); html { font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif; font-feature-settings: "pkna" 1; } body { @extend html; } h1, h2, h3, h4, h5, h6, strong { @extend html; font-family: -apple-system, BlinkMacSystemFont, Ro
【デザイナー必見】差のつくデザイン、すごいフリーフォント65個まとめ 2018年6月度
毎月公開されたデザイン性の高いフリーフォントのみをピックアップし、まとめてご紹介しています。今回は、2018年6月度のフリーフォントまとめです。 プロフォント顔負けのウェイト数が揃う万能フォント、最近よく見かけるようになったレトロ、ビンテージフォント、高級感のある筆記体や手書きブラシフォントなど、実践で活用できる素材で、商用利用に対応したアイテムも多数収録しています。 商用利用の有無について一緒に記載しています、変更されている可能性もあるので、参照ページを確認するようにしましょう。 デザインの現場で役立つ、すごいフリーフォント素材60個まとめ 2018年5月度 【デザイナー必見】差のつくデザイン、すごいフリーフォントまとめ 木漏れ日ゴシック 「デジタル」と「先生が黒板に書いた字」を混ぜて割ったようなイメージ。手書きの流れを残して、カタカナの方が小さめで、優しい雰囲気を演出できます。 ※ 個
高速で Noto Sans 日本語を使う方法 – FirstLayout
注意事項 転送サイズが最適化された Noto Sans JP が正式版としてリリースされたため、Google Fonts を非同期で読み込みサイトスピードを高速化のやり方がおすすめです。 また、Google Fonts を preload で先読みしユーザー体験を改善にて紹介している link rel="preload" で読み込む方法もおすすめします。 このサイトを制作中の時に、ふと計測したサイトスピード結果。 キャッシュがない状態の Load Time は 0.842 秒。ブラウザは、全てのページリソースを 1 秒未満で読み込んでいました。 試しに、アーリーアクセス版 Noto Sans JP を読み込んで再計測してみると…。 わお！ 一気に 7 秒近くも読み込み時間が増加。何回か計測すると 10 秒を超えることも。 Web Font Loader を使って非同期で読み込んだので、レン
源暎フォント置き場 - 御琥祢屋
源暎フォント置き場はおたもんが Adobe・西塚涼子さんが公開しているオープンソースフォント「源ノ角ゴシック」を改造した「源暎フォント」を配布するためのページです。 ご注意ください このサイトで配布しているファイルは明示的または暗黙的にかかわらず、いかなる保証を伴わず現状のまま提供されます。 このサイトで配布しているファイルに起因、あるいはその使用または使用不能を原因とするなどのあらゆる要求・損害・責務に対して、いかなる場合にも著作者および関係者は一切責任を負わないものとします。全て各利用者の責任の元にご利用いただきますようお願いします。 なお、各種ご意見は同梱の readme.txt に記載しているメールアドレスまたは Twitter アカウント（@o_tamon）宛てにご連絡ください。ただし必ず返信や回答を行うことを保証するものではありません。 このページはリンクフリーです。ただし、各
【調べてみた】スマホで明朝体を使いたい。【つ Webフォント】 - Qiita
そういえば、PCサイトでしか明朝体使ったことないなーと思って、ざっくり調べてみた。 ＿人人人人人人人人人人人人＿ ＞ Android 4 世代には ＜ ＞ 明朝体搭載されてない！ ＜ ￣ＹＹＹＹＹＹＹＹＹＹＹＹ￣ ※「ゴシック体」と「丸ゴシック体」のみ搭載。 ※タイトルや本文に明朝体を使っているいくつかのサイトで検証してみたところ、Android 5.0 からは明朝体も表示できました。 なぜ表示できたのか、どう対応するのかは、これから調べます。 （ちなみに、iOS は 5 から搭載。デフォルトが明朝体。） → 追記（2016.03.02.） 記事を書いてからちょっと時間が経ったので、調べなおしてみた。 ＿人人人人人人人人人人人人＿ ＞ Android 6 世代にも ＜ ＞ 明朝体搭載されてない！ ＜ ￣ＹＹＹＹＹＹＹＹＹＹＹＹ￣ (´；ω；`) ■ Android 4.0 から搭載
フォント選定の参考に 2016年に注目されたフリーフォント200種「Best of 2016: 100 Free Fonts」
TOP > Design , Font > フォント選定の参考に 2016年に注目されたフリーフォント200種「Best of 2016: 100 Free Fonts」 デザインの良し悪しを決めるフォント選定ですが、膨大な数のデザインフォントの中から選び出すことはなかなか大変だと思います。そんなデザイナーの強い味方になってくれるのが、今回ご紹介するまとめ「Best of 2016: 100 Free Fonts」です。 Elrotex Brush Font — download free fonts by PixelBuddha なんとこのまとめでは200種類ものフリー欧文フォントを一挙に紹介しています。その数あるフォントの中でもおすすめのものを幾つかピックアップしてみましたので、下記よりチェックしてみて下さい。 詳しくは以下 Free Download: La Viola Ty
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 | さくらインターネット
モリサワとさくらインターネットが協業し、無料でのWebフォント導入を実現 〜WordPressで簡単に利用でき、SEOやユニバーサルデザインへの配慮を支援〜 デジタルフォントや組版用ソフトウェアの開発を行う株式会社モリサワ（本社：大阪市浪速区、代表取締役社長：森澤 彰彦）と、自社運営のデータセンターでインターネットインフラサービスを提供するさくらインターネット株式会社（本社：大阪市中央区、代表取締役社長：田中 邦裕）が協業し、「さくらのレンタルサーバ」利用者に向け、モリサワのWebフォント提供を開始いたします。また、Web制作者を対象としたイベントを7月27日（水）に開催いたします。 モリサワとさくらインターネットのコラボレーションにより、「さくらのレンタルサーバ」にてWordPressをご利用いただく際、モリサワのWebフォントサービス「TypeSquare」で提供中の書体の中から、30
日本語フリーフォント、これだけは持っておきたい厳選22個まとめ
日本中の書体デザイナーさんの努力によって、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日本語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
font | ヤマナカデザインワークス
GitHub - minoryorg/Noto-Sans-CJK-JP: サブセット化済みの「Noto Sans CJK JP」（日本語フォント）のCSS付きWebフォント
細字スタイルのフリーフォントまとめ - NxWorld
商用可！日本語フリーフォント、かわいいデザインコレクション厳選83個まとめ
