株式会社オンズのブログ記事一覧

【Font】ウェブサイトで『游ゴシック』が使えなくなった理由と今後の対応 目次游ゴシックが推奨されていた背景なぜ游ゴシックが使えなくなったのか？影響を受けるブラウザMacで「游ゴシック」が使えない理由今後ウェブサイトで游ゴシックを使うには？Chromeの動向まとめ 游ゴシックが推奨されていた背景 MacとWind... 【Font】ウェブサイトで『游ゴシック』が使えなくなった理由と今後の対応続きを読む →

【2024年最新版】Google Fontsを遅延読み込みしてページ表示速度を改善する方法 これまで「Google Fonts」の読み込みには『Web Font Loader』を使うことが多かったのですが、少々面倒で使用するハードルが高いんですよね。 今日紹介するのは、比較的簡単に、秒速で実装できるGoogle Fontsの遅延読... 【2024年最新版】Google Fontsを遅延読み込みしてページ表示速度を改善する方法続きを読む →

【Font】クレヨンで描いたようなカワイイ手書き風フォント［Darumadrop One］を紹介します。 Maniackers Design様のフォント「Darumadrop One」が、Google Fontsでダウンロードできるようになっていました。 Google Fonts Darumadrop One 「Darumadrop」とは『だる... 【Font】クレヨンで描いたようなカワイイ手書き風フォント［Darumadrop One］を紹介します。続きを読む →

【Font】近未来っぽいフリーフォント［EVAA］がカッコいい！ 近未来の宇宙っぽい雰囲気の［EVAA］というフリーフォントを見つけてきました。 サンプルで掲載されている画像もカッコいいですね！ ダウンロードは下記、公式配布サイトからどうぞ。 FREE DOWNLOAD : EVAA FONT 【Font】近未来っぽいフリーフォント［EVAA］がカッコいい！続きを読む →

Mac に Windows の標準フォント「メイリオ（Meiryo）」をインストールしてみた。 今回は Windows にインストールされている標準フォント「メイリオ」を Mac で使う方法を説明していきます。 メイリオは Windows では最初から使えるフォントで、Webサイトはもちろん、WordファイルやPowerPointファ... Mac に Windows の標準フォント「メイリオ（Meiryo）」をインストールしてみた。続きを読む →

【Font】アニメやマンガのロゴに最適なフリーフォント［アンニャントロマン］が面白い！ アニメやマンガのロゴに最適な［アンニャントロマン］というフリーフォントを見つけてきました。 公式サイトでの説明は以下のとおり。 フリーフォント「アンニャントロマン」はロゴでの利用を想定した、全角ひらがな・カタカナ・アルファベットのフォントで... 【Font】アニメやマンガのロゴに最適なフリーフォント［アンニャントロマン］が面白い！続きを読む →

Android端末で明朝体フォントを表示させたい！ 普段のウェブサイト制作ではゴシック体を使うことが多く、この問題に気づくのが遅れました。 タイトルのとおり、明朝体フォントがAndroid端末では表示されません。 以下、解決策を調べたので個人的な備忘録を兼ねて紹介していきます。 検証 まずは... Android端末で明朝体フォントを表示させたい！続きを読む →

【Font】ギルバート・ベイカー氏を称えるフリーフォント［Gilbert］が登場 レインボーフラッグの発案者ギルバート・ベイカー氏を賛えるために、NYCプライドとNewFestが［Gilbert］というフリーフォントを制作しました。 こちらがそのデザイン。 本プロジェクトのWebサイト『Type With Pride』に... 【Font】ギルバート・ベイカー氏を称えるフリーフォント［Gilbert］が登場続きを読む →

Google と Adobe の共同開発フォント『Noto Serif CJK - 源ノ明朝』が公開されました！ 急なニュースでビックリしました！ Google と Adobe の共同開発フォント『Noto Serif CJK - 源ノ明朝』が公開されましたね！ 過去にGoogleとAdobe両企業が『Noto Sans CJK - 源ノ角ゴシック』を... Google と Adobe の共同開発フォント『Noto Serif CJK - 源ノ明朝』が公開されました！続きを読む →

「Extra Light」よりもさらに細い「Extra Thin」ウェイトの超極細日本語フォント 超極細の日本語フォント［Extra Thin］を紹介します。 以下がプレビュー画像。 『「Extra Light」よりさらに細い「Extra Thin」』と謳っている言葉どおり、非常に細いウェイトのフォントですね。 製作者様のサイトでは「清... 「Extra Light」よりもさらに細い「Extra Thin」ウェイトの超極細日本語フォント続きを読む →

【Font】超カワイイ丸文字フリーフォント［Arciform］がオススメです。 カワイイ丸文字に一目惚れ。 無料で利用できるフォント［Arciform］を紹介します。 アルファベットのみの英文フォントで日本語は収録されていませんが、ロゴなどに有効活用できそうです。 大文字 こちらは大文字のリスト。特に「S」や「Y」が個... 【Font】超カワイイ丸文字フリーフォント［Arciform］がオススメです。続きを読む →

【Font】超個性的な理系フォント［数式フォント］を紹介します。 角度や距離など、数学で使う記号を取り入れた暗号のようなフォント［数式フォント］が面白いですね。 早速ダウンロードしてみました。 数式フォント : http://sapphire.hacca.jp もの凄く個性的ですが、タイトルやロゴマークな... 【Font】超個性的な理系フォント［数式フォント］を紹介します。続きを読む →

【Font】読めるかどうか微妙な魔法陣文様フォント［猫の目覚め］が話題になっています。 以前に紹介した魔法陣文様フォント［Magic Ring］の続編です。 読めるかどうか微妙な［猫の目覚め］が話題になっています。 ご覧のとおり、猫を召喚できそうな魔法陣を描けるこのフォント。 製作者様曰く「前作がSFっぽいと言われてしまったの... 【Font】読めるかどうか微妙な魔法陣文様フォント［猫の目覚め］が話題になっています。続きを読む →

【Icon】計1001種類のデザインが揃った［Linearicons］が素敵！ このアイコン使いたい！ 合計1,001種類のデザインが揃ったアイコンフォント［Linearicons］が可愛くて素敵です。 基本は有料になりますが、このうち170種類のアイコンをピックアップした無料版［Linearicons Free v1... 【Icon】計1001種類のデザインが揃った［Linearicons］が素敵！続きを読む →

【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。 今日は、誰でも無料で利用できる Google Fonts の中から、オススメのサンセリフ体のフォントを11個まとめて紹介します。 サンセリフ（仏: Sans-Serif）とは、セリフのない書体の総称である。セリフとは、文字の線の端につけられ... 【Font】使い勝手の良いオススメの Google Web Fonts サンセリフ系 × 11選。続きを読む →

【Font】日本人ならゲシュタルト崩壊必至のフォント［Electroharmonix］が話題になっています。 Twitter界隈を中心に「日本人だけが読めないフォント」が話題になっています。 問題の画像は以下。 日本人の皆さん、コレ、読めますか？ んんん……？ これはカタカナ……？ 読めそうなのに、読めない……？ パッと見はカタカナのような得体の知... 【Font】日本人ならゲシュタルト崩壊必至のフォント［Electroharmonix］が話題になっています。続きを読む →

【FONT】フリーフォント［STELLAR］がイイ感じです。 先日、iTunes Storeで映画『インターステラー』をレンタルしました。 圧倒的でしたね。 壮大なスケールのストーリー、非の打ち所のない映像美。 間違いなく、最近の映画の中ではナンバーワンの超絶クオリティ。 影響され易い私は、観終わって... 【FONT】フリーフォント［STELLAR］がイイ感じです。続きを読む →

【Font】オープンソースのコーディング用フォント［Monoid］をお勧めします。 今日はオープンソースのフリーフォント［Monoid］を紹介します。 このフォントはコーディング用に開発されていて、プログラムのコードを書く際に間違いやすい「1、I、l」や「0、O」または「8、B」なども識別しやすいようにデザインされています... 【Font】オープンソースのコーディング用フォント［Monoid］をお勧めします。続きを読む →

【Font】商用利用も可能なフリーフォント［Bebas Neue］が美しい。 今回は商用でも利用可能なフリーフォント［Bebas Neue］を紹介します。 もともとフリーフォントとして人気のある［Bebas］をベースに、フォント・ウェイトの異なる全5種類のフォントがセットになっています。 梱包されているのは以下の5種... 【Font】商用利用も可能なフリーフォント［Bebas Neue］が美しい。続きを読む →

【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。 これ、いつから使えるようになっていたのでしょうか？ 今さらなのかもしれませんが Google Web Fonts で日本語フォントの［Noto Sans Japanese］が利用できるようになっていたので、その導入方法を紹介します。 「No... 【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。続きを読む →

究極のアイコン・フォント［Font Awesome］は膨大な量のアイコンがセットになっています。 アナタはもう知っていますか？ 今日ご紹介する【Font Awesome】は、全519種類（※Version.4.3現在）のアイコンがセットになっている究極のアイコンフォント。 アイコンフォントはこの【Font Awesome】さえあれば、他... 究極のアイコン・フォント［Font Awesome］は膨大な量のアイコンがセットになっています。続きを読む →

【Font】個性的な日本語フォント［やなぎたい］が無料でダウンロード可能です。 柳の葉をモチーフに作成された、毛筆ブラシで描いたようなフリーフォント［やなぎたい］を紹介します。 ご覧の通り、なかなか個性的なデザインですね。 製作者様によれば「このフォントはダウンロードフリーです。また、使用に関しては一切報告いりません。... 【Font】個性的な日本語フォント［やなぎたい］が無料でダウンロード可能です。続きを読む →

【Font】Google と Adobe が共同開発した高品質フォント［Noto］が無料で公開されています。 「Google と Adobe が共同開発した…」なんて聞くと、ダウンロードせずにはいられません。 高品質フォント［Noto］が公開されたので紹介します。 Googleの発表では「クセがなく大きさが揃ったひらがな・カタカナは、様々なデバイス... 【Font】Google と Adobe が共同開発した高品質フォント［Noto］が無料で公開されています。続きを読む →

【Font】フリーフォント［ふぉんとうは怖い明朝体］がダウンロードできます。 ［やさしさゴシック］や［ロゴたいぷゴシック］などのフォントを作成している作者様が、今度はホラーな雰囲気の明朝体をリリースされました！ 作者様曰く。 フリーフォントのふぉんとうは怖い明朝体は無料でダウンロードできる書体です。 また商用・非商用... 【Font】フリーフォント［ふぉんとうは怖い明朝体］がダウンロードできます。続きを読む →