Androidで©の色がおかしくなる現象に遭遇したので、対応方法をメモ。 確認した端末はNexus7の4.4.3です。 問題の発生したコード HTML <p>コピーライト</p> <small class="copy1">&copy; cly7796.net</small> <p>文字色が白色のコピーライト</p> <small class="copy2">&copy; cly7796.net</small> <p>コピーライト以外の特殊文字いくつかテスト</p> <small class="copy3">&reg; &#9312; &#12849;</small> CSS .copy2 { color: #ffffff; background: #333333; } 確認した端末だと、©と®だけ水色の文字色で表示されていました。 ©と®がうまく表示されないデモページ 原因 調べてみると、

Adobe CCユーザーに朗報です 🎉 昭和書体の人気フォントがAdobe Fontsに追加されました。 今回追加されたのは、「KSO黒龍爽 Regular」「KSO心龍爽 Regular」の2書体。かっこいい筆文字フォントが無料で使用できるのは、嬉しいですね！ Adobe Fontsは、Adobe CCのユーザーなら追加料金なしで利用できます。もちろん商用利用もOK、詳しくはライセンスページをご覧ください。 フォントのライセンス -Adobe Fonts 今年初めにも日本語フォントが大量に追加されましたが、さらに追加です！ 前回の分は、下記の記事をご覧ください。 2021/9: Adobe Fontsにフォントワークスの人気フォントが追加 2021/4: Adobe Fontsにキリギリスや味明やルイカなどが追加 2021/1: Adobe Fontsに砧書体制作所のフォント39種類が

年々増えていく、フォントサイズを指定する単位。 「px」を基本として、「vw」と「vh」が使えるようになったと思ったら、気が付くと「rem」という単位もあったり、煩雑としてきました。 今回は私がレスポンシブサイトを構築する際、一番楽だと思うフォントサイズ設定を紹介します。

フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。 新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。 フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語

2024年上半期ベストフリーフォント公開に合わせて、最新版にアップグレードしています。 この記事では、商用利用でき漢字も使える日本語フリーフォントを、まとめてご紹介します。 「日本語フリーフォントが増えすぎて、どれを使うか迷ってしまう」、というひとも多いでしょう。 定番アイテムから最近公開された新作フォントまで、「使える」日本語フリーフォントを一覧でまとめています。 コンテンツ目次 好きに選べる、好きなだけ使えるAdobe Fonts 明朝体（22書体） ゴシック体（40書体） 手書きフォント（29書体） 毛筆、行書体（18書体） ユニーク、その他の書体（65書体） 正しいフォント選びのこつとポイント 歴代ベストフリーフォント一覧 商用でも利用できる日本語フリーフォントを集めていますが、用条件やライセンスが変更されることもあるので、利用する前に確認しておきましょう。 好きに選べる、好きなだ

通常は有料ですが、今週末まで無料でダウンロードできる有料フォントをご紹介。今回は大量で、3種類のフォントが無料でダウンロードできます。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用できます。しかも、 Webフォントも揃っています。 期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。 左上から時計回りに、Wonderful Melanesia, Kousis, Winland おしゃれな英語の手書きフォントが好きな方は、こちらもお勧めです！ 商用利用無料、おしゃれな筆記体の英語フリーフォント・手書きの英語フリーフォントの総まとめ 1つ目はWonderful Melanesia、エレガントなセリフフォントとミニマルな手書きフォントの組み合わせ。単体で使用してもよし、もちろん組み合わせて使用するとなおよしで

Adobe Fontsユーザーに、悲報と朗報です。 2021年9月10日にAdobe Fontsのアップデートが予定されており、一部のMorisawaフォントが使用できなくなります。朗報としては、同時にMorisawaフォントが新たに追加されます。 Adobe Fontsで使用できる日本語フォントが一覧できるPDFが、Adobeから配布されているので紹介します。現在使用できる日本語フォント436種類の書体見本がまとめられており、削除予定のフォントも明記されています。 Adobe Fonts日本語書体一覧PDF 2021年9月10日に使用できなくなるフォント 2021年9月10日に新たに追加されるフォント Adobe Fonts日本語書体一覧PDF まずは、Adobe Fonts日本語書体一覧PDFのダウンロード方法から。 下記ページにアクセスして、ページの中ほど「こちらからDL」からPDF

突然ですが、皆さんはどのフォントでコーディングしていますか? monaco、Monospace、MSゴシックなど、等幅フォントを軸に種類は多種多様です そんな中、それらを尻目に私が使っているフォントはIosevkaというフォントです Iosevkaとは? 以下の特徴を持ったフォントです 等幅フォント 日本特有の文字種(㈱や㌕など)に対応 これらもきっちりと等幅を守っている リガチャ機能あり !=や<=など、特定の連続した文字列を合成して別の文字で表す機能 エディタもリガチャに対応している必要あり(VSCodeやAtom、iTerm2は対応しているので、大抵のエディタやIDEは対応していると思います) 特定の文字をプリセットの中から選ぶ事ができる プリセットから選んで、特定の文字のみデザインを変更することも可能 全体的な文字の太さ、デザイン、文字のゆとりも設定することが可能 特に 特定の文字

Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという

邦文写真植字機発明100周年を記念したエッセイ・第四回目は数多くの写研書体の制作、監修を手がけた橋本和夫氏に文章をお寄せいただきました。 エッセイを読む 邦文写真植字機発明100周年を記念したエッセイ・第三回目はナール、ゴナ、ファン蘭等の写研書体を手がけた中村征宏氏に文章をお寄せいただきました。 エッセイを読む

◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し

Adobe CCユーザーに朗報です！🎉 Adobe Fontsに日本語フォントを含む360種類の大量のフォントが追加されたので、紹介します。 Adobe Fontsは、Adobe CCのユーザーなら追加料金なしで利用できます。もちろん商用利用もOK、詳しくはライセンスページをご覧ください。 フォントのライセンス -Adobe Fonts 今回のアップデートでは、日本語フォントをはじめ、中国語、韓国語など、アジア圏のフォントが大量に増えています。英語フォントも大量です。 砧書体制作所 一番の注目は、砧書体制作所から39のフォントが追加されました。既存の「どんぐり」を含め計42のフォントが無料で利用できます。 砧書体制作所のフォント一覧は、下記ページから。

フォントワークスによる、フォントを無料提供する異例の試みが大きな反響を呼んでいます。ねとらぼ編集部が同社を取材したところ、「規約の範囲内ならば誰でも使用可能」との回答がありました。 8書体（Kleeのレギュラーとセミボールドの2種類を含む）がGitHubから入手可能 各書体のリンクを開き、「fonts/ttf」フォルダからttfファイルをダウンロードしてOSに適用 せっかくなので「ねとらぼ」を8書体で書き分けてみました 同社はGoogleの無料Webフォントサービス「Google Fonts」へ、手書き風楷書体「クレー」やディスプレイ書体「ロックンロール」など8種類を提供。SILオープンフォントライセンスの下、個人および商用利用、ソフトやWebへの組み込み、改変や配布が可能としています。 公開フォント一覧 同社はファイルの配信元として、GitHubを案内。これを発見したユーザーのツイートが

通常は有料ですが、今週末まで無料でダウンロードできる、ロゴのデザインにぴったりなモノラインフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWindowsでもmacOSでも利用できます。 期間中にダウンロードしておけば、いつでも使えて、再ダウンロードも無料です。 Fireclay - Logotype Monolin おしゃれな英語の手書きフォントが好きな方は、こちらもお勧めです！ 商用利用無料、おしゃれな筆記体の英語フリーフォント・手書きの英語フリーフォントの総まとめ Fireclayはロゴタイプ用のモノラインフォントで、ロゴをはじめ、アパレル、ブランディング、パッケージング、広告などに最適です。

2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水

【結論】font-family、おすすめの指定方法はこれ！ まずは結論から。わたしの設定しているfont-familyは、下記のとおりです。 全体にはこれ。 body { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; } Cocooｎを使っているかたは、これを追加 .ff-yu-gothic { font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif; } そして太字の箇所には以下の指定。 b, str

「鬼滅の刃」のアニメやプロモーションに使用されているかっこいい筆文字フォント3書体のセールが、期間限定で復活したので紹介します。もしまだ購入していない人がいれば、これがラストチャンスかもしれないので、お見逃しなく。 3書体の標準価格39,534円が期間限定で86％オフ、5,500円（税込み）です！ 1書体の標準価格は13,178円なので、かなりお得です。 鬼滅のフォント三書体セット セットには、「鬼滅の刃」第22話で9人の柱が登場するシーンで使用された闘龍書体・陽炎書体・黒龍書体の3書体が揃っています。昭和書体のサイトでも鬼セット（2書体）が販売されているのですが、黒龍書体のセールは終了しています。 書体は他の作品にも使用されており、実写版映画「銀魂」のタイトル、成田市歌舞伎のロゴ、ドラゴンボールのジャケット、海上自衛隊の護衛艦「はぐろ」のロゴなどにも使用されています。 セットに含まれてい

世界トップデザイナーとのコラボレーションによって、デザインの現場で役立つ素材を通常価格の99%オフで購入できる限定企画が人気の DesignCuts。 新しく登場した期間限定の日本語フォント素材集「ときめくレトロな日本語フォント集」は、文字を入力するだけでおしゃれに映える、モダンでレトロな和風日本語フォント17書体を収録したお得なパックとなっています。 日本語の無料フォントではなかなか見つけのるがむずかしい、「異なる太さ、ウェイト」対応で、JIS第1水準の漢字およそ3,000字収録、そして商用利用にも対応した特別ライセンス付き。 どこか懐かしいノスタルジックでレトロなフォントや、モダンでおしゃれな手書き日本語フォントなど、普段の何気ない文字テキストの印象をガラリと変える書体がずらり揃います。イベント用ポスターやちらし、フライヤー、ポストカードや居酒屋などのメニュー表、web上の画面作成、同