2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
おしゃれな手書き！ 筆記体の英語フリーフォントの総まとめ
商用でも無料の英語フリーフォントをいざ探すとなると面倒だと思うので、まとめました。ブラシやペンで書かれたようなおしゃれな筆記体・手書き・スクリプト系の英語フリーフォントを紹介します。 画像にぽんと添えるだけで、おしゃれなデザインになる素敵なフォント達です。 日本語フリーフォントをお探しの人は、下記がお勧めです。 日本語のフリーフォント650種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 商用利用無料！手書きの日本語フリーフォント、筆文字・毛筆の日本語フリーフォントの総まとめ フォントは、商用でも無料、個人利用のみ無料の2ジャンルに分けました。 フリーフォントのインストール方法 商用無料、おしゃれな筆記体・手書きの英語フリーフォント 個人利用のみ無料の英語フリーフォント フリーフォントのインストール方法 フリーフォントのインストール方法を簡単に解説します。 フリーフォントをW
「」や『』など約物が半角にできる、Yaku Han JP のご紹介 - デザイナーのタネあかし
標準のフォントでは WEBの文章での「」や『』など約物の空きが気になります。 それを解消できる約物半角専用のWebフォント、Yaku Han JP をご紹介します。 約物半角専用のWebフォント、Yaku Han JP デザイナーの Qrac（クラク）さんが Noto Sans Japanese をベースに、特定の約物のみの半角フォントを制作したものが「Yaku Han JP」です。 現在はCDNもあり、とても簡単にサイトへ導入することができます。 とても軽量なフォントでなので、ダウンロードして各自サーバーへUPして使っても何ら問題はないと思います。 “Yaku Han JP”は、Web上の日本語テキストに含まれる約物を半角にする「約物半角専用Webフォント」です。GoogleのNoto Sans Japaneseをベースにしており、7ウェイト対応が可能となっています。 Yaku Han
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.1.1/dist
mojimo-manga - あのマンガの、あのアニメの、あのフォントが使える！
mojimo-manga（もじも まんが）とは？ あのマンガの、あのアニメの、 あのフォントが使える！ アニメやコミックなどで見かけない日はない、Fontworksの書体たち。 デザイナー・イラストレーターの方をはじめ、趣味で創作活動を行っている方、 同人誌を制作されている方に最適な書体をセレクト。 36書体が、定額制で自由に使えます。 Fontworksとアニメ・コミックとの 深いつながり 『新世紀エヴァンゲリオン』のタイトルカットなどで特徴的に使用され大反響を呼んで以来、 アニメやゲームなどのデジタルコンテンツへのご利用が瞬く間に広がりを見せたフォントワークスの書体。 近年ではさらに、コミックやライトノベルの装丁など カジュアルな用途でもお使いいただける、表現力豊かな書体が揃っています。 フォントコラムマティス-EB 新世紀エヴァンゲリオンで行われた文字表現 ※本書体はmojimo-m
商用利用OK！2017年にリリースされた無料フォント40
2017年12月26日 フォント 2017年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。どれも無料でダウンロードでき、商用利用可能なものです。みなさんのお気に入りが見つかると幸いです。 ↑私が10年以上利用している会計ソフト！ 過去の年末フォント紹介記事 2015年にリリースされた無料フォント35 2016年にリリースされた無料フォント30 日本語フォント しっぽり明朝 物静かで上品で、見ているだけでうっとりするような明朝体。「しっぽり」と読みやすいフォントですね。 しっぽりアンチック しっぽり系フォントのマンガ向けアンチック体。漢字はゴシック、ひらがな・カタカナは明朝体で表示されます。 せのびゴシック 縦に伸ばしただけでなく、丸っこいカーブやかぎこちない可愛さが魅力のフォント。Webサイト上で試し書
Wanted Fonts
U.S. DollarEuroBritish PoundCanadian DollarsAustralian DollarsIndian RupeesChina Yuan RMBMore Info →
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
Tazugane Gothic Font | Webfont & Desktop | MyFonts
Tazugane Gothic Font Family was designed by Akira Kobayashi, Monotype Design Studio, Kazuhiro Yamada, Ryota Doi and published by Monotype. Tazugane Gothic contains 10 styles and family package options. More about this family FREE 30-DAY TRIAL of Monotype Fonts to get Tazugane Gothic plus over 150,000 fonts. Start free trial
Webでも紙でもクレジット表記なしで商用利用できる！プロのデザイナーが愛用しているデザインフォントのセット
Webデザインやアプリでも、同人誌やポスターなどの紙でも、動画やプロダクトのデザインでも安心して商用利用できる有料フォント70種類とグラフィック素材7種類、計77種類の総額約100,000円分のセット全部をコリスのビジター限定にプレゼントします。 今月はフォントが70種類と非常に多く、フォント好きには見逃せません！ セット全部を3名様に、そして2600円で購入できるクーポンを全員に進呈します。 プレゼントの応募は、2017年5月25日で終了しました。 The May Bundle プレゼント商品 応募期間 応募要項 当選発表 提供はTheHungryJPEG様、フォントやグラフィックなどを限定特価で扱っています。 今回のプレゼントは、Creative Marketでも販売されている人気のフォント77種類とグラフィック素材7種類、総額約100,000円分がセットになったものです。 The M
フォントの名前が分からないGoogleフォントをデザイン面から直感的に探すことができる -better font finder
Googleフォントを探す時には通常、フォント名やセリフ・サンセリフなど分類するための用語が必要ですが、このオンラインサービスでは特に必要ありません。 フォントの見た目、デザイン面から無料で利用できるGoogleフォントを探すことができるオンラインサービスを紹介します。 better font finder 英語のフォントだけでなく、日本語の有料フォントや無料フォントで、フォント名が分からない時は下記が便利です。 フォント名が分からない日本語・英語のフォントを検索できる無料サービスのまとめ better font finderは先日ローンチしたばかりの無料サービスです。使い方は簡単、登録など面倒なことも不要です。 まずは、サイトにアクセスします。
日本語Webフォントを使用している60のWebサイト | Web制作に関するブログ | 株式会社シロクロ
まとめ使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquare、FONTWORKS、FONTPLUS、Fonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。 日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築／更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。 ブログ一覧へ
時刻表っぽいフォント — DiaPro
DiaPro の特徴 DiaPro は印刷用だけでなく、Web Font としてもきれいな表示ができます。たとえば乗り換え案内サイトや携帯アプリでは役に立つでしょう。 DiaPro の記号は OpenType の合字（リガチャー）として定義されています。そのためフォントの適用ができない場合（サーチエンジンのSEOなど）でも意味が読めます 以下のブラウザはテスト済みです：Chrome（Win・Android）・Firefox・Safari（Mac・iOS）・IE10以上 太い数字 時刻表数字を2種類提供しています。 太い数字は、全角数字に置いてあります。また、半角数字の OpenType フィーチャー「タイトル文字（titl）」でも表示可能にしています。 Adobe CS/CC または LibreOffice であれば、半角数字に対し OpenType の「タイトル文字」フィーチャーを適用し
2017年用、日本語のフリーフォント259種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス
個人や商用で無料利用できる、日本語のフリーフォント260種類を紹介します（公開時より、2つ追加）。 ビジネスからプライベートまで、幅広く利用できるフォントが満載です！ 毎年まとめていますが、去年は219種類だったので、大幅に増えています。無料でなくなったフォントや配布終了になったフォントもいくつかありました。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 まずは個人的に、今年一年かなり使用したフォントからご紹介。 3種類
昭和レトロの懐かしい雰囲気が素敵なフリーの日本語フォントのまとめ
明治や昭和のレトロな雰囲気が感じられる、どこか懐かしい温かみのあるフリーの日本語フォントを紹介します。 最近バージョンアップされたフォントも多いので、要チェックです！ マキナス Scrap 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 1920～30年代のポスターで使用されていた文字を参考に制作したフォント。 2016年に大きくバージョンアップされ、以前は漢字が180文字程度でしたが、JIS第一水準（2965字） JIS第二水準（3390字）などに対応し、収録字数は約6,600字に！ ひらがなやカタカナもリデザインされています。 使用頻度の少ない漢字を除いた「マキナス for WEB」も無料でダウンロードできます。 マメロン 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 漢字はマキナス Scrapで、丸いひらがなを組み合わせた「豆」でもない「メロン」でもない、丸
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fontworks｜フォントワークス
おすすめ明朝体フリーフォント27選 – sitebook [サイトブック]![おすすめ明朝体フリーフォント27選 – sitebook [サイトブック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab837ef5a54f6c80fd6f9581a92a4510b903092c/height=288;version=1;width=512/https%3A%2F%2Fsitebk.com%2Fwp-content%2Fuploads%2FminchoEye.png)
無料フォントなのに高品質ですごい！デザインの引き出しが確実に増えるフリーフォントのまとめ
モダン日本語フォント指定
デザイナーが持っていたい、特にこれはダウンロードしておきたいフリーフォントのまとめ | コリス
