CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator
レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。 CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。 Fluid Type Scale Calculator Fluid Type Scale Calculator -GitHub Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorの使い方 Fluid Type Scale Calculatorの特徴 Fluid Type Scale Calculatorはclamp()関数を使用した流体フォントサイズのCSSを生成できるツールです。
日本語の毛筆フォントが驚きの激安価格！ 昭和書体の210書体がすべて揃った昭和書体全集「栄泉追悼利益還元セール」
昭和書体の専属書家「綱紀栄泉」氏の死去をうけて、個人の遺言ともなった「もっと安くして、全国で私の文字を1人でも多くの方々に使ってほしい」との思いを実現すべく、昭和書体全集「栄泉追悼利益還元セール」が開催されます。 定価154,000円の「昭和全書体セット」に3点の新作を加えた「昭和書体全集」が、ダウンロード版（11,000円）とパッケージ版（27,500円）で、期間限定で販売されています。なんと、92％オフ！！！ 以前私がセールで購入した時は、60,000円くらいだったので、涙涙です。 「栄泉追悼利益還元セール」で販売されるセットは、2種類です。 昭和書体全集 ダウンロード版: 11,000円（税込） 2022/9/1: 発売開始 ※JIS90字形のみ、.otfまたは.ttfを選択 昭和書体全集 パッケージ版（DVD2枚組）: 27,500円（税込） 2022/9/1: 先行予約受付、20
GoogleFontからダウンロードできる無料日本語フォント
ゴシック体Dela Gothic One Dela Gothic One - Google Fonts DotGothic16 DotGothic16 - Google Fonts Hachi Maru Pop Hachi Maru Pop - Google Fonts Kiwi Maru Kiwi Maru - Google Fonts Kosugi Kosugi - Google Fonts Kosugi Maru Kosugi Maru - Google Fonts Mochiy Pop One Mochiy Pop P One - Google Fonts Mochiy Pop P One Mochiy Pop One - Google Fonts M PLUS Rounded 1c M PLUS Rounded 1c - Google Fonts M PLUS 1 M PLUS
商用利用無料！ マンガや同人誌用の可読性に優れたモリサワ BIZ UDゴシックの合成フォントがリリース -びぜんアンチック
マンガや同人誌などのト書きや長いセリフにぴったりな、可読性に優れた無料フォント「びぜんアンチック」がリリースされました！ 先日当ブログで紹介したMORISAWA BIZ UDゴシック（紹介記事）を使用した合成フォントで、個人でも商用プロジェクトでも完全に無料で利用できます。 びぜんアンチック びぜんアンチックは「ComicStudio フォントパック」に収録されたアンチゴチ書体を再現したもので、BIZ UDゴシックとZENアンチックを組み合わせて「びぜん(BIZen)アンチック」と名付けられました。 びぜんアンチックの紹介の前に: Twitterでお知らせしましたが、BIZ UDゴシックとBIZ UD明朝はGoogle Fontsで利用できるようになりました！ Morisawa Inc. -Google Fonts Google FontsにMorisawaの名があるのはスゴイですね。 B
仕事早っ！！ オープンソースになったMORISAWA BIZ UDゴシックのプログラミング用合成フォント「UDEV Gothic」がリリース
昨日当ブログで紹介した「MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ！！」のMORISAWA BIZ UDゴシックを使用したプログラミング用合成フォントが早くもリリースされたので、紹介します。 UDEV Gothic -GitHub 作者の方によると、昨日から衝動的に作成しはじめ、本日v0.0.2がリリースしたとのことです。v0.0.2では全角スペース可視化、異体字シーケンスに対応しており、今後は半角ゼロをスラッシュ付きにするなどが予定されています。 【追記: 2022/3/24】 リガチャに対応したv0.0.3がリリースされました。 ユニバーサルデザインなBIZ UDゴシックと、開発者向けフォント JetBrains Mono を合成したフォント『UDEV Gothic』 全角スペース可視化、異体字シーケンスに対応した v0.0.2 をリリースしました🎉h
コーヒー屋を開業するにあたって作った書体の話｜Koji Kimura
デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う
和文フリーフォント“IBM Plex Sans JP”リリース！「ウェイトがあっても潰れない」「フトコロが広い」既存フォントとの比較も
リンク mojiru【もじをもじる】 IBMが無料で使えるフォントIBM Plexを公開 - mojiru【もじをもじる】 オープンソースフォント・IBM Plex オープンソースフォント・IBM Plex 書体見本 IBM-Plex-Mono IBM-Plex-Sans IBM-Plex-Sans-Condensed IBM-Plex-Serif オープンソースフォント・IBM Plexのダウンロードはこちら フォントのミステリー：何故、オリジナルフォント「IBM Plex」が開発されたのか？ 「IBM Plex」の今後…、日本語版「IBM Plex」は？ Netflixもオリジナルフォントを開発！ 無料で使えるフォント「フ 1 user リンク GitHub Release v5.2.1 · IBM/plex IBM Plex Sans JP Added CSS stylesheets
【商用可＆無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめてご紹介しています。この記事では、2021年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。 2021年上半期は、特に数多くの日本語フリーフォントが公開され、おしゃれな英語フリーフォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど幅広いカテゴリよりフリーフォント素材85個を厳選しています。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. サンセリフ書体 4. セリフ書体 5. 筆記体 6. 手書き、ブラシフォント 7. レトロ、ヴィンテージフォント 8. ディスプレイ書体 9. これまでの歴代ベストフォント 日本語フリーフォント 無料で商用利用できる日本語フリーフォント、17書体をまとめています。 漢字も利用
Webフォントの表示を最適化するテクニック
Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。 5 steps to faster web fonts by Iain Bean 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Webフォントには最新のファイルフォーマットを使用する 2. font-displ
しっぽり明朝｜商用・同人誌利用可能フリーフォント
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
「GoogleFonts」へディスプレイ書体など全8書体を提供しました | Fontworks
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、Google社の「GoogleFonts」にて提供を開始しました。 私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。GoogleFontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、GoogleFontsへ提供いたしました。制作環境に依存することなく、より多くの新しい作品が生み出されることへの貢献と、今後の更なるフォント市場の活性に繋がることを期待しています。 GoogleFontsは「SILオープンフォントライセ
モリサワ、写研とOpenTypeフォントを共同開発 24年にリリース
モリサワは1月18日、写研の保有する書体をOpenTypeフォントとして2社共同で開発すると発表した。2024年にリリースする。 写研の書体は「石井ゴシック」「ゴナ」など幅広いバリエーションとデザインが特徴。1990年代にDTPが台頭するまで、写真技術を使った機械でフォントを印字する「写真植字（写植）機」で使われる書体として高いシェアを誇っていた。 これまで組版で写研の書体を使うには専用のシステムが必要だったが、OpenTypeフォントの開発によってDTPなど幅広い用途での活用を見込む。 両社は今後、フォントのラインアップや提供形態を発表するとしている。 関連記事 モリサワ、テレワーク対応で「MORISAWA PASSPORT」使用許諾を緩和 別PCに移行可能に モリサワは、テレワークを行う企業向けに、「MORISAWA PASSPORT」の使用許諾を緩和した。従来は、契約で利用中の端末に
商用利用OK！2020年にリリースされた無料フォント40
2020年12月23日 フォント 2020年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2019年にリリースされた無料フォント40 2018年にリリースされた無料フォント40 2017年にリリースされた無料フォント40 2016年にリリースされた無料フォント30 2015年にリリースされた無料フォント35 日本語フォント プイッコ ぷっくりと丸みのある可愛らしいフォント。見出しやタイトルに良さそうです。 あんずもじ2020 あんずもじ等幅2020 長年愛されているあんずもじがリニューアル。ひらがな・カタカナが漢字よりも少し小さくなって、
商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ
当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。 この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。 コンテンツ目次 1. 日本語フォント 2. 万能フォント 3. 筆記体フォント 4. サンセリフ書体 5. セリフ書体 6. 手書きナチュラル系フォント 7. 筆ブラシ・フォント 8. ビンテージ・フォント 9. デコレーションフォント 01. 日本語フォント 無料で商用利用できる日本語フリーフォント、13書体をまとめています。 マメロン Hi Regular マメロン Hi Regularは、デジタル時代の日常語と俗語の文章表現の視覚化と共有を
ChromeのアップデートでGoogleフォントがページ読み込みのボトルネックになるという指摘
Googleフォントはウェブサイト向けに無料でフォントを提供するサービスで、多くのフォントを簡単に利用できるため4600万以上のサイトで利用されています。そのGoogleフォントについて、適切に利用しなければページ読み込みのボトルネックになってしまうとエンジニアのシモン・ウィキ氏が警告しています。 Time to Say Goodbye to Google Fonts https://wicki.io/posts/2020-11-goodbye-google-fonts/ Googleフォントを利用する方法として、ユーザーにGoogleのサーバーからフォントデータを取ってきてもらうCDN方式と、フォントデータを自分のサーバーにアップロードして提供するセルフホスト方式の2つが存在しています。前者のCDNを利用する方法は、ページにコードを埋め込むだけでセットアップでき、非常に簡単なため多くのサ
フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ
2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【商用OK】Google Fontsで使えるオススメ日本語フリーフォント32個まとめ
Adobeの「源ノ角ゴシック」がバリアブルフォントに
Adobe Fontsの日本語フォントが大幅増 ～191フォントが追加され、計436フォントに／無償メンバーシップでも138フォントが利用可能。量だけでなく質も充実
Icons - Material Design
