2021年、Webフォントの表示を最適化するテクニック | コリス

2021/06/03 24 users コリス パフォーマン システムフォント Webフォント 通常

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマン... 続きを読む

早めにダウンロードしておくべし！有料フォントが今だけ無料、エレガントな手書きフォント -Aurelly Signature | コリス

2020/02/21 12 users コリス 手書きフォント 有料フォント フェミニン サイン

通常は有料ですが、今週末まで無料でダウンロードできる、サインのようにスラスラと書かれたフェミニンでエレガントな手書きフォントを紹介します。 本来は有料なだけあってかなり高品質。フォントファイルは.otfと.ttfでWin...記事の続きを読む 続きを読む

Google Fontsのファイルサイズを簡単に軽量化できる！日本語フォントにも対応 | コリス

2020/02/19 47 users コリス パラメーター Google Fonts 軽量化 文字

Google Fontsは英語フォントだけでなく日本語フォントもあり、すでに使用している人、もしくは使用を検討している人も多いと思います。その際に懸念されるのが、フォントファイルのサイズです。 フォントファイルのサイズを劇的に軽減できる機能があります。 パラメーターで使用する文字のみフォントファイルを読み込め... 続きを読む

デザイナーにおすすめ！大量の画像ファイルを収集・管理できるWindows , macOS対応のソフトウェア -Eagle | コリス

2019/08/27 95 users Eagle コリス TTF psd otf

デザイナーをはじめ、大量の画像を管理したい人におすすめのWindows, macOS対応のソフトウェアを紹介します。さまざまな画像フォーマットに対応しており、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単です。 .psd, .ai, .xdをはじめ、.pdf, .mp4, .ttf, .otfなどPDFや動画やフォントファイルも表示できま... 続きを読む

Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？ | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum

2018/05/08 41 users バリアブルフォント Microsoft Adobe 共同 一部

Web担トップ » Webデザイン、これからどうなるの？（全10回） » Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？ Webデザイン、これからどうなるの？（全10回） Apple、Google、Microsoft、Adobeが共同開発したバリアブルフォントって何？ ひとつのフォントファイルで複数フォントが利用できるバリアブルフォント。まだ一部の... 続きを読む

商用利用無料で、サイトの主要ページがまるごと揃ってる新しいHTMLのテンプレート素材 -Mashup Template | コリス

2017/08/31 84 users コリス コンポーネント テンプレート素材 テンプレート 予算

HTMLの無料テンプレートのほとんどは単一ページのみですが、今回紹介するのはなんと、サイトの主要ページまるごと無料テンプレートとして、しかもデザインファイルやフォントファイルまでもまとめてダウンロードできるMashup Templateを紹介します。 時間がないときに、予算がないときに、さくっと作成できるテンプレートです。 また、最近のトレンドを採用したさまざまなコンポーネントが用意されているので... 続きを読む

Variable Fontについて - console.blog(self);

2016/12/07 43 users self バリアブルフォント ワルシャワ ウエイト フォント

2016 - 12 - 07 Variable Fontについて font フォントもくもく会 #5 でVariable Fontについて調べてみた。2016年9月にVariable Fontというものが発表された。ひとつのフォントファイルで、さまざまなウェイトで表示ができる。 ワルシャワ で開催中の ATypI カンファレンスにて、バリアブルフォントと呼ばれる新しいタイプのフォントが世界に紹介さ... 続きを読む

Webフォントで文字化けしたときのよくある原因と対処法 | Webデザインのタネ

2015/03/15 64 users タネ Webフォント 文字 webデザイン 原因

ずいぶんと久しぶりの投稿です。最近仕事でFont AwesomeやGLYPHICONなどでアイコンなどでWebフォントを使う機会が増えてきました。 ですが、いざ人に確認してもらうと、Webフォントが文字化けして豆腐文字になってしまっていたり、謎の文字が出てきてしまったりと色んなケースで失敗してます。 今日は実際にやってみて文字化けした例を紹介します。 原因1 サーバーにフォントファイルをアップして... 続きを読む

【＃モリトーク】第103話：フォント削除にトラブったら - 窓の杜

2014/05/27 22 users モリトーク フォント アプリケーション プレビュー画面 動作

＃モリトーク 第103話 フォント削除にトラブったら （2014/5/27 11:25） Windows XPなどでは、フォントファイルのプレビュー画面を起動しておくことで、そのフォントをWindows上で一時的に利用できたことを覚えているだろうか。大量のフォントをWindowsにインストールしていると、それらを読み込むアプリケーションの動作が重くなり、フォント選択時の使い勝手も悪い。そのため、新... 続きを読む

フリーフォント『自由の翼フォント』を公開しました。: たぬきフォント

2013/09/11 438 users フリーフォント たぬきフォント 書体 カタカナ ひらがな

★『自由の翼フォント』とはTVアニメ『進撃の巨人』第二期オープニングテーマで使用されている書体を真似て作ったフォントです。とても自由なライセンスを提供してくださっているM+FONTSフォントを元に、オープニングで使用されている文字をデザインのベースとして作成しました。収録文字は英数、ひらがな、カタカナ、漢字（第一水準まで）です。（フォントファイルにはその他の文字も収録されていますが、それらはM+F... 続きを読む

無料で自分が手書きした文字をフォントファイルに変換できる「Handwriting font creator」 - GIGAZINE

2013/08/12 153 users GIGAZINE 人目 フォント プリント フリーペーパー

by United States Mission Geneva ウェブサイトやフリーペーパーなどを作る際に印象的なフォントを使うと人目を引いたり、集客力の強化につながる他、日常生活においても「読みにくいフォント」で学んだ情報の方が記憶に残るということが明らかになっていますが、オリジナルデザインのフォントを簡単に作成できるのが「Handwriting font creator」。プリントアウトした専... 続きを読む

使いたいアイコンフォントを選んでWebフォントをカスタマイズ作成できるサービスいろいろ | memobits

2013/05/01 64 users memobits SVG アイコンフォント カスタマイズ

アイコンフォントの中から使いたいものだけを選択してフォントファイルを作れるサービスを探してみました。SVGやEPSファイルをフォントに変換してくれるツールも。アイコンフォントの中から使いたいものだけを選択してフォントファイルを作れるサービスを探してみました。SVGやEPSファイルをフォントに変換してくれるツールも。 @kasumiiです。こんにちは。 サイトを作るとき、「Font Awesome」... 続きを読む

アイコンフォントでリンクタイプ別にアイコンつける方法 | Webクリエイターボックス

2013/03/18 157 users アイコンフォント Webクリエイターボックス フォント 総称

CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「We... 続きを読む

[Mac OS]OS Xにおけるフォント（font）ファイルの保存場所3ヶ所とその意味について｜およびインストール方法 | OZPAの表4

2013/01/11 44 users OZPA Font fonts フォント フォルダ

昨日フォントのおはなしをしましたのでちょいと関連した記事をば。 Macには「フォント」を司るフォルダが3つ存在しております。 その場所と意味をきちんととらえていないと時たまとんでもない事故が起こったりするので記しておきます。 フォントファイルは3つ Macのフォントファイルは合計3つ。 システム/ライブラリ/Fonts ライブラリ/Fonts ユーザ/ライブラリ/Fonts の三ヶ所。 システム/... 続きを読む

アイコンフォントをコマンドラインで生成できる「Font Custom」:phpspot開発日誌

2012/12/12 20 users コマンドライン phpspot開発日誌 アイコンフォント

Font Custom アイコンフォントをコマンドラインで生成できる「Font Custom」 ベクター形式のアイコンをフォントファイルに1個にまとめてフォントのように扱えるけど実はアイコン、なアイコンフォントをコマンドラインでジェネレートできるツールです。 SVGファイルをまとめておいてコマンドラインを叩くとCSSとフォントファイルが生成されます。 単にフォントファイルにまとめるだけでなく、CS... 続きを読む

さまざまなアイコンフォントを組み合わせて、自分だけのフォントファイルを作成できる -Fontello | コリス

2012/08/23 65 users コリス Iconic Entypo アイコンフォント アイコン

さまざまなアイコンフォントから、必要なアイコンだけを選択して、自分だけのフォントファイルを作成できるオンラインサービスを紹介します。 Fontello Fontelloで利用できるアイコンフォントは、現在のところ7種類です。 Entypo (CC BY-SA license) Font Awesome (CC BY-SA license) Iconic (SIL OFL) Typicons (CC... 続きを読む

CSS3で注目のWebフォントについて今から勉強するためのサイトあつめました | Webデザインクリップ｜Web制作に便利な情報を集めたまとめサイト

2011/11/16 446 users Webフォント Webデザインクリップ CSS3 Web制作

CSS3のWebフォント機能を使うと、サーバー上にあるフォントファイルを使用するので、ユーザーのPCにインストールされていないフォントを表示できるようになり、ユーザーのフォント閲覧環境に依存しません。適用方法も簡単で、使用したいフォントファイルをサーバーにアップロードし、CSS3の@font-faceでフォントファイルを指定し読み込ませるだけで利用できます。これによりフォントによる自由な表現が可能... 続きを読む

ブラウザにドラッグ&ドロップしたフォントでWebフォントの表示をテストできるブックマークレット・font dragr - かちびと. net

2011/11/14 32 users フォント Webフォント net ドラッグ＆ ブラウザ

結構前に知ったサービスですが、やっと 使う機会が出来たので使用レビュー。 ローカル上のフォントファイルをドラッ グ&ドロップして、そのフォントでWeb フォントの表示テストを行えるブック マークレットです。なんだかピンと来ない 説明ですがｗ CSSninjaというブログを書いている方の作ったWebサービスで、フォントファイルをドラッグ&ドロップして、そのフォントをWebフォントとして使ったときにど... 続きを読む

第4回 CSS3のWebフォントを使ってみよう | Think IT

2011/08/18 154 users Webフォント Think IT タイポグラフィ CSS 選択

CSS3のWebフォント機能は、サーバー上にあるフォントを利用するもので、ユーザーの閲覧環境に依存しません。使用したいフォントファイルをサーバーにアップロードし、CSSで読み込ませるだけで利用できるので、フォントの選択肢が広がります。 これまでテキストを画像化して表現していたWebのタイポグラフィも、Webフォントを使って自由に表現できるわけです。テキストなので、選択やコピー＆ペーストも可能、SE... 続きを読む

シンボルフォントを活用しよう - DesignWalker

2007/11/30 255 users DesignWalker dafont.com シンボル

ちょっとした、イラストやアイコンが必要な時にシンボルフォントは便利かも。 フォントファイルをダウンロードして、インストールするだけ。 キーをたたけば、きれいなシンボルが。 っちゅうわけで、本日はシンボルフォントをまとめてみました。 1. dafont.com 続きを読む

無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/03/13 1476 users DesignWalker ウェブデザイナー ロサンゼルス

アルファベットのフォントは、無料で結構配布されているのですが・・・ 日本語のフォントは、なかなかクオリティの高いものを探すのは大変。。。 アルファベットは26文字プラス記号などで構成されているので、 フォントファイルを作られる方にも、作りやすいのでしょうね。。 日本語フォントとなると、ひらがな、カタカナ、漢字と・・・印刷関連のプロの方々が使われる文字数は17,000文字くらいになるそうで。。。 ど... 続きを読む

窓の杜 - 【NEWS】MS、Vistaで追加・変更された文字をXPで利用できる日本語フォントを公開

2007/02/08 158 users Vista NEWS 明朝 日本語フォント 文字

Microsoft Corporationは、Windows Vistaで「MS ゴシック」「MS 明朝」などの日本語フォントに施された変更を、Windows XP/Server 2003に適用するためのフォントファイルを公開した。現在、同社のホームページからダウンロードできる。 Windows Vistaでは、日本語フォントの収録文字における基準として、2004年に策定された最新のJIS規格であ... 続きを読む