![Webフォントをできるだけ軽く表示する圧縮の.htaccessや遅延ロードJSを作ってみた | 初代編集長ブログ―安田英久](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9866bdd3bdf4f1a159b56c7bd0b1ad34c39b057/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fnakanohito%2Fnakanohito_icon200.png%3Fitok%3DiXvFSfHl)
個人でも商用でも無料利用できる、日本語のフリーフォント707種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です! 前年の647からフリーフォントが50種類くらい増えています! ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。 本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています(※情報はこの記事の執筆時のもの)。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2024/6/4: フォントを10種類追加 2024/2/20: フォントを11種類追加 2023/12/26: フ
ちょっと面白かったのでメモ。 ミニマルなアイコンやシンボル をWebフォントとして使えるよう にしてくれたフリーフォント、 Web Symbols typefaceのご紹介 です。割と嬉しいかもw 以前、シンボルやアイコンタイプのフォントをご紹介しましたが、こちらは最初からWebフォントとして使う目的で作ったそうです。 アイコンをWebフォントにすることで、毎回アートディレクターにスライス等を頼まずにすむんや!って言ってました。 あんまり大きいサイズにするとちょっとアレですけどね・・ミニアイコンとして使うことのほうが多そうなのであんまり気にならないかな。css3でエフェクトをつけるのも面白いかもです。 こんな感じで使う。 css @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.
Build, Share, Download Fonts. It's simple and free! FontStruct is a free, font-building tool funded by advertising and some generous sponsors. With FontStruct you can easily create fonts using geometrical shapes. You create “FontStructions” using the “FontStructor” font editor. Once you're done building, FontStruct generates TrueType fonts, ready to download and use in any application. You can kee
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
使用にあたっての注意事項 フォントをお使いになる前に、以下の注意事項をお読みください。 カタカナ、ひらがなフォントはすべて1バイトフォントです。通常の全角文字では使えません。 キーボードのカナ刻印を見ながら半角入力モードで入力してください。 キーはJIS配列に合わせていますが、一部の文字が意味不明なキーにマッピングされていることがあります。入力できない文字などがありましたら、かなフォントに付属しているキー配列一覧表で対応文字をご確認ください。 すべてのフォントは、個人用・商用関わらずご自由にお使いいただけます。ただし、条件によって有料になったり使用を制限することがありますので、事前に「無償で使用可能なケース」「報告が必要なケース」「使用をお断りする、または有料になるケース」を必ずお読みください。 無償で使用可能なケース 以下のようなケースでは、商用、個人用に関わらず無償で使用可能です。特別
Infinity free font was created from the simplicity of lines and curves with round corner and cap. The name comes from guides for creating, they are similar to number 8 and infinity symbol. For my personality, I really like the number 8 because it is my birth date. Because of my lineage, in China, The word for the number 8 (八 : bā) sounds similar to the word which means "prosper" or "wealth", the n
As of March 28, 2024, all fonts previously sold on Fonts.com are now available for purchase at MyFonts.com and through Monotype’s subscription service, Monotype Fonts, where applicable. Your customer history will be preserved on MyFonts or through a subscription on Monotype Fonts*. Whichever route you choose, both platforms offer flexible licensing options and convenient ways to access and use the
アップルが広告や宣伝にどのフォントを利用しているのか気になったことがあるだろうか?コンピュータのキー、MacのUI、iPhoneにはどのフォントが利用されているのだろうか?以下にアップルが利用するフォントを挙げていく。 ブランドアイデンティティ 全ての広告素材、プロモーション、アップルのウェブサイト、そして、光り輝く製品の箱には、アップルはミリアド・プロ・セミボールドと呼ばれるミリアドのバリエーションを利用している。サンセリフの書体であるミリアドは1992年にアドビによって初めてリリースされていた。現在、アップルだけでなく、グーグル(Gmailの最後の3文字)、リンクトイン、ロールスロイス、そして、ウォルマートもミリアドを採用している。アップルは2002年からミリアドの利用を始めている。 それ以前は、アップルはギャラモンの利用に拘っていた。アップルが利用していたフォントはアップル・ギャラモ
世界中で愛されている永久定番級のフォントといえばHelvetica(ヘルベチカ)、デザイナーじゃなくともお馴染みのフォントです。今回はHelveticaは余りにメジャーすぎてちょっと抵抗がある、、、というひねくれモノのあなたのためにHelveticaの代わりに使えるフォントを30種類紹介した記事を。 — SEO Japan Helveticaは筋金入りの書体だ。明確さ、順応性、徹底的な完璧さを持つそれは、スイスのデザイン文化の証だ。この有名な書体は、数えきれないほどの理由から愛されている。それ自体には何の個性もないために、どんな気持ちや感情や心象も受け入れることができる能力もその1つだ。 Helveticaは私たちの最高のリスペクトに値するが、Helveticaには叫ぶ必要のある問題がある。あまりに多くのデザイナーが永遠にそれに固執しているのだ。そしてそれは、他の全てのサンセリフ体に対して
やさしさゴシックボールドはどんなフリーフォント? フリーフォントのやさしさゴシックボールドは、自由にダウンロードし、商用・非商用問わず使用可能です。 やさしさゴシックレギュラーよりも太くタイトル、見出し向けのフォントになります。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」の内容を読みください。 It is requested to read and accept “M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * M+ (LICENSE_J,LICENSE_E) Copyright(c) 2012 M+ FONTS PROJECT ひらがな
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ! 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
このプロジェクトはオススメ?YesorNo コメント(0〜2000文字)コメント更新閉じる
CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。 ブラウザによって異なる、フォントサイズの境界 例えば「font-size:70%」というふうに指定して、Internet Explorer 6とFirefox2.0で見てみたページが以下のようなものです。 ※ページはxmlタグつきのXHTML1.0 Strictで作成、つまりInternet Explorer6は下位互換モードで表示されていますが、標準モードでも同じサイズで表示されます。 あきらかにFirefoxで表示されたページのフォントサイズが小さくなっていることがわかります。 このように、フォントをパーセント指定した場合は、その数値によってフォントサイズを規定する境界に微
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く