-
意外と多い!? Web フォントに対応していない環境 〜2012 年の Web フ... d:id:nitoyon
html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに... 続きを読む
-
「コピペできない文章」がコピペできなかった理由 - てっく煮ブログ d:id:nitoyon
html5先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。「不思議!」「どういう仕組みなんだ?」という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは「コピペできない」としていいますが、実際にはコピペはできます。正確... 続きを読む
-
絶対にコピペできない文章を作ったったwwww - てっく煮ブログ d:id:nitoyon
html5一見、コピーできるように見えますが、ペーストしてみると・・・。ツイートする 続きを読む
-
文字を制限した軽量な日本語 Web フォントを作成する方法 - てっく煮... d:id:nitoyon
HTML5最近、Web フォントをつかってかっこいい表現をしているサイトも増えてきました。ただ、残念ながら 日本語で Web フォントを使うのは厳しいのが現実です。というのも、日本語には英数字・ひらがな・カタカナ・漢字・記号・・・など必要になる文字数が多すぎるため、フルスペックの日本語の We... 続きを読む
-
Web Fonts with Web Design // Speaker Deck speakerdeck.com
2012/04/12 Morisawa TypeSquare Tie-up Seminor on Pasona Tech. 続きを読む
-
Webfont Seminor Demo App demo.tikeda.net
~モリサワ「Type Square」タイアップセミナー~ 広がる“日本語Web Fonts”の世界 Web Fonts 使ってみよう! 日時2012/04/12 THU 19:00 - 21:00 場所パソナグループ 本部 8階ホール 天気c晴れ 費用無料(事前登録が必要です) Now Spe... 続きを読む
-
ソーシャルアイコンを画像ではなくWebフォントで表示する際の備忘録 ... harutomo-ryu.com
Webフォントはクライアントにインストールされていないフォントも表示してくれるという優れもの。 サイトの表現の幅が広がるし画像を使うわけではないのでSEO的にもいいのかな。 SNSのアイコンもWebフォントにするとマウスをのせた後の処理などもしやすい。 導入も簡単。ん?簡単??? いや、難しか... 続きを読む
-
Font Awesome - 商用無料のアイコン用のWebフォント | CREAMU blog.creamu.com
Font Awesomeは、商用無料のアイコン用のWebフォントです。 これはすごい。 Twitter Bootstrapで快適に使えるようです。 Font Awesome 続きを読む
-
Font Awesome, the iconic font designed for use with Twitter Boot... fortawesome.github.com
One font, 150+ icons In a single collection, Font Awesome is a pictographic language of web-related actions. Free for commercial use The Font Aweso... 続きを読む
-
いい感じのOpenType形式ピクトグラムアイコン集100個「Entypo」:phps... phpspot.org
Entypo - 100 carefully crafted pictograms いい感じのOpenType形式ピクトグラムアイコン集100個「Entypo」 EPS, Webfont形式でも入手可能。フォントになっていることで自由に拡大出来るので便利ですね 今後はこうしたピクトグラムアイコ... 続きを読む
-
選んだ文字だけをSVG Fontsにまとめる「Fontomas」 - MOONGIFT|オー... www.moongift.jp
Web Fontsを使うと画像を使わずに素敵なフォントをオンライン上で使えます。しかしフォントを読み込むために転送量が大きくなってしまうのが欠点です。そこで使ってみたいのがFontomasです。SVG Fontsを使って自分で選んだアイコンだけをWeb Fonts化できます。 0 続きを読む
-
受賞作品 ページ部門受賞作品 | Web Designing ウェブフォントデザイ... pr.fontplus.jp
http://kuri.nifty.com/seesea/index.htm 非常に楽しさに満ちた作品です。多様なフォントを利用する意図、伝えようとする情報、そして動き。総合的にWebフォントの特性を消化した上でのコンセプトと作りこみが高く評価されました。Webフォントを用いることによる情報の... 続きを読む
-
意外と知らない?アイコンはWebフォントでつくるとこんなに便利! | ... design.kayac.com
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです... 続きを読む
-
モリサワTypeSquareを比較してみる wakufactory.jp
モリサワのウェブフォントTypeSquare、Macな人はこれはいいと思ってるけど、Windowsで見た人は使い物にならないと思っているようで、かなり温度差あります。 という訳で比較してみました。 こちらのサンプルページのキャプチャです。 タイトル部分は、"見出ゴMB1"を、本文は"リュウミン... 続きを読む
-
Webフォントをキレイに見せるテクニックを2つ紹介 dtp.jdash.info
様々なフォントがWebで利用できるモリサワのWebフォントサービスのTypeSquareが話題になっていますね。 TypeSquare [タイプスクウェア] 2012年12月末まで無料で利用できるので、Web業界の人やら印刷業界の人やらが試しているようです。 しかし、この Webフォントサ... 続きを読む
-
無料で120種類以上のピクトグラムが使用できるフォント&EPSファイル... gigazine.net
電話やペン、メール、人物などのピクトグラム120種類以上が無料で使用できるフォント&EPSファイル「Entypo」が、http://www.entypo.com/で公開されています。 Entypo - 100+ carefully crafted pictograms http://www.e... 続きを読む
-
Fontomas - easy iconic fonts composer nodeca.github.com
Nice tool to build custom fonts with icons.If you need all @font-face format, use this services for conversion: Font Squirrel's @font-face generato... 続きを読む
-
縦書きにWebフォントを使いたい!けど使えるのか検証してみた » RIAx... www.riaxdnp.jp
最近、IT系の記事や勉強会でWebフォントの話題を見かけるようになってきました。以前の記事では、Webフォントサービスのデコもじを使ってRIAXDNPブログの記事タイトルのフォントを変えてみましたが、今回は縦書きにした文字にWebフォントを適用できるのか検証してみました。検証環境はWindow... 続きを読む
-
Web Icon Fonts | chibatch.jp webiconfonts.appspot.com
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.w... 続きを読む
-
モリサワのWebフォントが無料キャンペーンやってたので試してみたよ ... kachibito.net
モリサワのフォントをWebフォント として使えるようになりました。 現在キャンペーン中で、期間限定 で無料で利用する事が出来ます。 いつもお世話になっているフォント なので普及活動などしてみようか と思います。 というわけでモリサワのWebフォントレビューです。キャンペーンは以下より申し込めま... 続きを読む