ほどよい個性で見出しに使いたくなるGoogle Fonts 19選 | BUILD Journal
ほどよい個性で見出しに使いたくなるGoogle Fonts 19選Update2023.05.22Release2023.05.22Material HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Google Fontsは、約1500種類のフォント（執筆時点）を提供しているWebサービスで、イメージに合ったフォントを見つけるためには、多くの時間が必要です。 毎回フォントを探すたびに確認作業をするのは時間の無駄です。そこで、先日私はGoogle Fontsで提供されているすべてのフォントをチェックし、分類して自分用に整理しました。これにより、かなりの時短になったので共有します。 日々追加されるGoogle Fontsの中から厳選した、ほどよい個性で見出しに使いたくなるフォントを21個紹介。本記事で紹介するのは英字のみに限定し、見出しに添
LINE Seed
LINE Seed Licensing All content of LINE Seed is copyrighted material owned by LY Corp. All fonts are released under the SIL Open Font License, Version1.1. This license is also available with a FAQ at: https://scripts.sil.org/OFL You can use them for any personal or commercial purposes. However, the software font files themselves cannot be sold by the other parties other than LY Corp. For commercia
5つの文字から1万4000文字を自動生成 筑波大発AIベンチャーがフォント生成システム 特許出願
筑波大学発AIスタートアップのAIdeaLab（東京都千代田区）は8月17日、5つの文字から1万4000以上の文字をAIで自動生成するフォント生成システムの特許を出願したと発表した。 システムは、敵対生成ネットワーク（GAN）をベースに、大量のフォントを学習させた上で、手作業でデザインした数個の文字から、太さやセリフ（装飾）の形状を抽出し、生成する。パラメーターの値を調整することで、新しいフォントとして出力することも可能。ピクセル画像ではなく、ベクター画像として生成する独自技術により、フォントファイルとしての出力を可能にしたという。 特許は、フォント生成モデルだけでなく、アプリケーションUIも含む。パラメーター調整でフォントを生成するUI、少ない文字数でのアップロードでフォントを生成するUIなど、さまざまなパターンのサービス展開を織り込んでおり、特許出願技術をベースに、フォント制作会社向け
一番「人と人が支え合っている」フォントはどれか調べてみる
「人という字は、人と人が支え合ってできている」という言葉がある。 しかし、実際の人の支え合い方には差がある。細い明朝体の「人」は、かなりぎりぎりでお互いを支えているように見えるし、逆に太い筆文字の「人」は、ガッツリホールドしていて息ピッタリな気がする。 いろいろな「人」がある中で、一番「人と人が支え合っている人」はどれなのか。実際に「人」を作って確かめたい。 人は本当に人と人が支え合ってできているのか？ 人という字は、人と人が支え合ってできているという。 こんな感じ。 でも、現実にはいろんな「人」があるので、必ずしも支え合っているとは限らない。 一番「人と人が支え合っている人」はどれなのか。 その答えを探るべく、物理的にたくさんの「人」を作って確かめてみることにした。 大きめのスタイロフォーム（切りやすい発泡スチロールみたいなもの）を準備して... 準備した「人」を貼り付けてカット。 人が
Googleフォントを使うと犯罪になる - Qiita
<link href="https://fonts.googleapis.com">って書くと罰金取られます。 以下はGerman Court Rules Websites Embedding Google Fonts Violates GDPRというニュースの紹介です。 German Court Rules Websites Embedding Google Fonts Violates GDPR ドイツのミュンヘン地方裁判所は、あるWebサイトの運営者が、ユーザの個人情報を本人の同意なしにフォントライブラリを経由してGoogleに提供したとして、100ユーロの賠償を命じました。 Webサイトが原告のIPアドレスをGoogleに無断で提供したことは、ユーザのプライバシー権の侵害に当たると判断しました。 さらに、Webサイトの運営者は収集した情報をその他のデータと突き合わせることで『IPア
新しい日本語フォントがたくさんリリースされてる！ 2021年、日本語の新作フリーフォントのまとめ
2021年もあと残り2週間ですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 2021年フォント界の大きなニュースは、Google Fontsに大量の日本語フォントが追加されたことです。Webフォントとして利用できるのはもちろん、オープンソースになったので商用プロジェクトでも無料で利用できます。 というわけで、Google Fontsで利用できるようになった日本語フォントから紹介します。有料だったフォント（砧書体やZENフォントやFontworksなど）もオープンソースのSILライセンス
PlemolJPか、それ以外か – プログラミング用フォント徹底比較！
2021年7月24日。IBMから『IBM Plex Sans JP』がリリースされました。 「だから？」と思われた方、罰としてこのまま長い序文をお読みください。それ以外の方は次の見出しでお会いしましょう。 以前の記事でもお話ししましたが、これまでにリリースされてきた日本語対応のプログラミング用フリーフォントは、一部を除いて『源ノ角ゴシック』と『M+』という2つのフォントから派生したもの。 なぜ他のフォントが使われないのか。それは選択肢が無いからです。この2つ以外で、 漢字を網羅しクオリティが高くライセンスフリーで使えるそんな都合の良いフォントはほぼありませんでした。あるとすればそれは、漢字を含まないフォントのみ。 ここに加わってきたのが『Plex Sans JP』という新たな選択肢です。 日常使いできる安定感、多彩なウェイト (太さ) 、そして商用利用可能なフリーフォントであるという大きな
「読みやすさが一目瞭然」Windowsに元から入ってる『UDデジタル教科書体』は障害があっても無くてもオススメしたいフォント
小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 兵庫教育大学・教授／不注意性と衝動性の強い人が、大学教員になってみました。／障害の有無や性別などに関わらず「多様の人にとって魅力的な社会」を、ユルく探している／Instagram、Threads、始めました。／過去の投稿はハイライト参照 https://t.co/jD8MQf8oqA 小川修史（おがっち）🌱障害を斜め135度から考える人 @ogatti21 大学の教職員に対して「Windowsに標準搭載の『UDデジタル教科書体』は、障害や困難さのある方向けに開発されたフォントです。フォントを変えるだけでも助かる人が多くいます。」とお伝えした。 すると最近、事務文書や配布資料でUDデジタル教科書体を目にする機会が明らかに増えた。 ちょっと感動。 pic.twitter.com/9LZNxTvuoz 2021-09-
「GoogleFonts」へディスプレイ書体など全8書体を提供しました | Fontworks
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、Google社の「GoogleFonts」にて提供を開始しました。 私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。GoogleFontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、GoogleFontsへ提供いたしました。制作環境に依存することなく、より多くの新しい作品が生み出されることへの貢献と、今後の更なるフォント市場の活性に繋がることを期待しています。 GoogleFontsは「SILオープンフォントライセ
Next.jsのFont Optimizations（Webフォントの最適化）を試してみる
追記) v10.2からデフォルトでGoogle Fontsの最適化が行われるように Next.js v10.2から自動でWebフォントの最適化が行われるようになりました。v10.2時点ではGoogle Fontsにのみ対応しているとのことです。特に設定は不要で、いつも通りGoogle Fontsを読み込めばOKです。 ↓ 詳細 これより下の解説は古い内容になります。実装の参考にしないようお願いします。 以前、Next.jsのリポジトリを眺めていたときにFont Optimizationsというプルリクエストを見つけました。 2020年12月時点ではExperimantalな機能のようですが、v10.0.4で既に使えるようになっていたので試してみました。 :::message alertz Next.js v10.0.4でのドキュメントに則っていない記録になります。 ::: Font Opt
[こかげ] フォント : Nu みちしるべ
概要 「Nu みちしるべ」は、日本の道路標識に基づいて作ったフォントです。標識の数字に興味を持ったのが切っ掛けで作りましたが、数字だけだとフォントとしてあまり面白くないので、周りの赤い円を含めて自動的に組み立てられるように作り込んでみました。道路標識の全種に対応しているわけではないです。用途は…何かあるでしょうか。 標識を自動的に組み立てるには、アプリケーションが OpenType‐フォントの高度な機能に対応している必要があります。非対応のアプリしか持っていない場合、手動で画像編集をして部品を組み立てる事になりますが、その部品としてフォントを利用できます。 ウエブブラウザーも今のところ対応状況が微妙なので、次の見本は崩れて表示されてしまうかも知れません。「直接編集」や「自動着色」を切り替えてみると表示が改善する場合があるようです。（なお「直接編集」を無効にした場合、文字列の書き替えは左上の
本のフォントが気になったので、徹底的に調べてみたら、意外な事実が判明した。｜後日談追記｜伊藤太一 / プロダクトデザイナー
2020.1.14. 一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1
Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に
Webで縦書きなどを実現する「CSS Writing Modes Level 3」、ついにW3Cの「勧告」に HTMLで構造化された文書に対してスタイルを与える「Cascading Style Sheet」（CSS）は「CSS 2」から、directionプロパティでテキストの表示方向を左から右か、右から左かを指定可能でした。 今回勧告になった「CSS Writing Modes Level 3」では、従来の横書きの左から右への記述（英語やヒンディ語など）、横書きの右から左への記述（ヘブライ語やアラビア語など）に加えて、日本語やモンゴル語などで使われるような縦書きなどを指定することができます。 また、縦書きでは、右から左への行送り（中国語、日本語、韓国語など）と、左から右への行送り（モンゴル語など）も指定可能。 これらは同一ページ上で混在でき、さらに双方向混在の記述における分離、字形の方向
【日本語フリーフォントまとめ】プロのデザイナーも使っているおすすめのフリーフォントまとめ
マキナス マキナス 4 シリーズをダウンロード 刻ゴシック 刻ゴシックフォントをダウンロード 廻想体ネクストB 廻想体ネクストBをダウンロード コーポレート・ロゴ コーポレート・ロゴをダウンロード やさしさゴシック やさしさゴシックをダウンロード 黒薔薇シンデレラ 黒薔薇シンデレラをダウンロード 棘丸ゴシック 棘丸ゴシックをダウンロード マメロン マメロンをダウンロード 源柔ゴシック 源柔ゴシックをダウンロード 機械彫刻用標準書体 機械彫刻用標準書体をダウンロード 明朝系 まじめで優しいイメージを与える明朝体のフリーフォントです。 刻明朝 刻明朝をダウンロード さつき源代明朝 さつき源代明朝をダウンロード はんなり明朝 はんなり明朝をダウンロード うつくし明朝体 うつくし明朝体をダウンロード ほのかアンティーク丸 ほのかアンティーク丸をダウンロード ほのかアンティーク角 ほのかアンティーク
15分の空き時間を重ねて作ったフォント「Inter」がMozillaやGitHubで使用されるようになるまで
ウェブサイトで使用されるフォントは見やすさや操作しやすさを左右する非常に重要な要素です。正しいフォントを使うことによって人の気分を良くすることもできるため、ウェブサービスやウェブサイトは使うフォントに対して慎重になりますが、Firefoxを開発するMozillaはブランドリフレッシュの一部として「Inter」というオープンソースフォントを使用することにしました。実はInterはウェブデザイナーによって空き時間に作られたフォントだということで、開発者がどのように開発が行われたのか、Interの何が優れているのかを明かしています。 The birth of Inter https://www.figma.com/blog/the-birth-of-inter/ Figmaで働くデザイナーのRasmus Anderssonさんは主にRobotoというフォントを使っていましたが、もともとRobot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーフォントの作者様に感謝！ 最近リリースされた日本語フリーフォントのまとめ -2022年上半期
コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font
欧文フォントは歴史と紐づけるとまじでわかりやすい｜ありさん
Icons - Material Design
Microsoft、ターミナル・コードエディター向けの新フォント「Cascadia Code」を発表／合字を活用。「Windows Terminal」のコードネームを引き継いだフリー＆オープンソースフォント
