これはかなりいい！ Helveticaに似たオープンソースの無料フォント -Overused Grotesk（異世界のHelvetica）
さまざまなデザインに広く使用されているHelveticaのもっとも際だった特徴を模倣した、異世界のHelveticaを目指してデザインされたオープンソースの無料フォント「Overused Grotesk」を紹介します。 8種類のウェイトに可変フォントも揃っており、Webフォントとしても利用できます。最終的にはキリル文字など多言語にも対応する予定です。 上: Overused Grotesk、下: Helvetica Overused Groteskは異世界のHelveticaとして、Helveticaのもっとも際だった特徴を模倣してデザインされたフォントです。ライセンスはSIL Open Font License 1.1で、個人でも商用プロジェクトでも無料で利用できます。
モリサワ、100の「写研フォント」提供へ 24年秋にまず43フォント投入 ゴナ・ナール・石井明朝など
フォント大手のモリサワは2月13日、2021年に発表した、写研が保有する書体のOpenTypeフォント開発プロジェクトにおいて、今後数年内に合計100フォントをリリースすると発表した。この計画は、邦文写真植字機発明100周年を記念したもので、24年秋には計43フォントを、サブスクリプションサービス「Morisawa Fonts」にて提供予定だ。 24年に提供する43フォントは、「石井明朝」「石井明朝オールドスタイルかな」「石井ゴシック」の13フォントと、写研の見出し書体群を「写研クラシックス」としてOpenType化した30フォントで構成。25年以降も順次提供予定としている。 写研クラシックスは、多種多様な見出し書体群を、写植全盛期のデザインそのままに使えるフォントとして提供。写研から提供を受けたアウトラインデータに加え、不足文字の作成、文字セットなどの仕様の整理を行っている。見出し利用に
商用利用も完全に無料！ これはすぐに使いたくなる、オールドスタイルの美しいフリーフォント -築豊35ポイントゴチック
私のお気に入り「かもめ明朝（紹介記事）」をはじめ、「トレゴ」「新レトロ丸ゴシック」「築豊明朝」など、オールドスタイルの日本語フリーフォントをリリースされている文字魚さんから新作フォントがリリースされました！ 今回リリースされた「築豊35ポイントゴチック」もオールドスタイルで、ハネやハライがあるゴシック体です。見出し・タイトルだけでなく、本文にも使える使い勝手のよい日本語フリーフォントです。 【フリーフォント】「築豊35ポイントゴチック」オールドスタイルのゴシック ※要登録（無料、pixiv ID可） 気に入った方には、支援版の投げ銭用も用意されています。 築豊35ポイントゴチックの特徴 築豊35ポイントゴチックは、民友社三十五ポイント明朝を参考に、もし「築地35ポイントゴチック」があったらをテーマに作成されたオールドスタイルのゴシック体です。 ライセンスはSIL Open Font Lic
ふるさと納税に「ヒラギノフォント」登場、京都市の返礼品に基本6書体パック
SCREENグラフィックソリューションズは9月4日、京都市のふるさと納税の返礼品として「ふるさと納税パック ヒラギノ基本6書体」を登録したと発表した。寄付金額は60,000円。 SCREENグラフィックソリューションズ ロゴ 「ふるさと納税パック ヒラギノ基本6書体」は、「ヒラギノ角ゴシック体 W3/W6/W8」「ヒラギノ丸ゴシック体 W4」「ヒラギノ明朝体 W3/W6」の6書体、12フォントをCD-Rに収録したもの。高品質で視認性が高く、ウエイトの使い分けも可能なため、ビジネス文書やプレゼンテーション、店頭POPなど幅広い場面で活用できる。 2023年9月4日現在、この返礼品を掲載済みのふるさと納税ポータルサイトは「さとふる」、「ふるさとチョイス」、「ふるなび」、「楽天ふるさと納税」の4件。 返礼品の内容は、CD-R 1枚（DVDトールケースに封入）、DVDトールケースサイズはW135×
VS Codeにお勧めのフォント！ 似た字形をはっきり区別でき、プログラミング向けに読みやすさを追求 -Commit Mono
コードがはっきりときれいに見えるように、プログラミング向けに読みやすさを追求したフォント「Commit Mono」を紹介します。 似た字形（「tl1I|!ij」「O0QDØ38B」「:;.,''''"」「2Z5S7T6b」）ははっきりと区別できるようにデザインされており、また等幅フォントでよくある特定の文字間で幅が等しく見えない問題（「mm」「oの左右」など）も改善されています。 Commit Mono. Neutral programing typeface Commit Monoは、デンマーク出身のクリエイティブデベロッパー兼デザイナーであるEigil Nikolajsen氏によるプロジェクトで、プログラミング向けに読みやすさを追求して作成されたフォントです。 ライセンスはSIL OPEN FONT LICENSE Version 1.1で、商用利用は無料、Webフォントに変換したり改
Microsoftの新しいデフォルトフォントになった「Aptos」とは一体どんなフォントなのか？
Microsoftの標準フォントとして長らく活躍してきた「Calibri」に代わる新しいフォントとして、「Aptos」が登場しました。これに伴い、Word、Outlook、PowerPoint、ExcelといったOffice製品のデフォルトフォントがAptosに変更されることも明らかになっています。 A change of typeface: Microsoft’s new default font has arrived | by Microsoft Design | Jul, 2023 | Medium https://medium.com/@MicrosoftDesign/a-change-of-typeface-microsofts-new-default-font-has-arrived-f200eb16718d Hand-drawn characters, variable t
ほどよい個性で見出しに使いたくなる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個紹介。本記事で紹介するのは英字のみに限定し、見出しに添
CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD Journal
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン蛍光ペンのような線をひいたCSS見出しデザイン HTML<h2 class="heading01">ラインを使ったCSS見出し</h2>CSS.heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); }蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ねた線とCSS見出しデザイン HTML<
便利なのが登場！ 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi
ついに初の解説書！ フォント制作の王道ソフト「Glyphs（グリフス）」執筆陣も非常に豪華で、フォントの作り方がよく分かります -Glyphsではじめるフォント制作
待ち望んでいた人も多いと思います！ フォント制作の王道ソフト「Glyphs（グリフス）」初の解説書がついに発売！！ 執筆陣も非常に豪華、Glyphs日本語版を監修した書体デザイナーの大曲 都市氏、GlyphsのTipsを公開している照山 裕爾氏、Glyphs用のテンプレートを多数公開している丸山 邦朋氏、アドビの書体デザイナーである吉田 大成氏、ベジェ曲線の基本から実際のフォント制作の入門までカバーした解説書です。 「Glyphs（グリフス）」が気になっていたけど、どこから手をつけてよいのかさっぱりだったという人にお勧めの解説書です。Glyphsのダウンロード・インストールから、購入方法、インターフェイス・基本操作、ベジェ曲線のさまざまなパス操作、記号フォント・欧文フォント・和文フォントの作り方まで詳しくていねいに解説されています。 Glyphsの練習用ファイルや完成ファイルをサポートサイ
モダンで早い静的サイトジェネレータ Astro の始め方 - A Memorandum
はじめに プロジェクト作成 プロジェクト構成 コンポーネント レイアウト ページ ビルド Blog テンプレート Portfolio テンプレート Documentation テンプレート まとめ はじめに 先日1.0リリースとなった、静的サイトジェネレータのAstroの紹介です。 JSで作成したページをビルドして、JSを含まない早いサイトを生成し、必要な場合には React や Vue といった好きなフレームワークを簡単に組み込むことができるのが特徴になります。 プロジェクト作成 Node は、v14.18.0 以上、または v16.12.0 以上が必要です。 npm や yarn、pnpm で create astro でプロジェクトを作成します。 # npm $ npm create astro@latest # yarn $ yarn create astro # pnpm $ p
簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に文字間隔の調整（カーニング）ができます。 はじめに：ベタ組みと文字詰め 日本語フォントは基本的にベタ組み（等幅）で読みやすいように設計をされています。長文を読むにはベタ打ちのほうがリズムよく読めて疲れないので、本文などはベタ打ちのままのほうがよい場合が多くあります。 それでもフォントサイズの大きい見出しなどでバシッといい感じに決めたい場合もありますよね。個人的には記事のタイトルが並んでいるなかで、カッコから始まるものが混じっているときなどは、「んぁ〜」
7000文字すべてペン字で完全手書きの新作日本語フォント！ JIS第2水準まで対応の凛々しい楷書 -しょかき楷月
「しょかきさらり」「しょかき鱗片」「しょかきうたげ」（すべて無料版あり）をリリースされているぼんのう堂さんから、ついに「しょかき楷月」がリリースされました！ 「しょかき楷月」は7,000文字すべてをペン字で手書きしたフォントで、ひらがな2種類・カタカナ・半角全角英数記号文字・ギリシャ文字・キリル文字・JIS第2水準までの漢字・千字文・般若心経の漢字が揃っています。 販売開始セールとして本日から5/6まで、40％オフの3,000円です！ しょかき楷月 -BOOTH 「しょかき楷月」は以前、当ブログで紹介した時はプロトタイプ的な無料版のみでしたが、2年以上の歳月をかけて本日正式版としてリリースされました。 パイロット社の「筆まかせ（極細）」で手書きされた、凛々しい楷書のフォントです。
VSCodeにおすすめのフォント！ OFLになったモリサワ BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」からスラッシュ付きゼロ対応版がリリース
VSCodeでHTMLやCSS、JavaScriptなどを書く人におすすめのフォントを紹介します。もちろん他の言語でもOKです。 先週紹介したMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」から、スラッシュ付きゼロ対応版がリリースされました。 参考: オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース スラッシュ付きゼロが好きな人には嬉しいニュースですね！ また、全角の記号文字が優先的に表示されるJPDOC版も同時リリースされています。「■□▼▽↑→↓←」などの記号が全角優先で表示されます。 UDEV Gothic スラッシュ付きゼロ対応版と全角記号文字版 スラッシュ付きゼロに対応した「UDEV Gothic v0.0.5」のダウンロードは、下記ページから。 ライセンス
フォントが大好物な人に朗報🎉 MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ！！
まさかまさかの朗報です！ MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています！！！ アップデート情報 4/1 Google Fontsで利用できるようになりました！ Morisawa Inc. -Google Fonts 3/29 v1.001, v1.002がリリースされ、不具合が修正されました。 3/24 HTMLやCSS、JavaScriptなどコードを書く人にどうぞ。 仕事早っ！！ オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース MORISAWA BIZ UDフォントとは GitHubで公開されているMORISAWA BIZ UDフォント MORISAWA BIZ UDフォントのダウンロード MORISAWA BIZ UDフ
「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方
TOP スペシャルコンテンツ 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 2022/01/27 PR 「文字として読めなくてもいい」－イワタによる"東亜重工フォント"制作プロセスと、グラフィックデザインにおけるフォントの在り方 デザイン アニメ [PR] 『シドニアの騎士』や『BLAME!』など、弐瓶 勉作品をまたいで登場する架空企業・「東亜重工」。作中では詳しく語られることがないにもかかわらず、非常に大きな存在感を示している理由のひとつは、そこで使われる独特なフォントデザインにある。実際、作品を飛び出してこのフォントを使ったグッズも多数制作されている。そんななか、フォントデザインの老舗企業であるイワタが、改めてデザインした約7700文字の東亜重工製フォント『東亜重工』（以下、東亜重工フォント）を2020年1
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントワークス、画像で使われているフォントの名前を調べるサービスの提供を開始／フォントの仮想実験都市「MOJICITY」でテスト提供中
ディスレクシアなどの読み書きに困難がある人にも読みやすい「じぶんフォント」、大日本印刷らが開発 
コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font
