[B! webfont] go_uetsuharaのブックマーク

Batch - 343 icons for web and user interface designers by Adam Whitcroft

By downloading the icons, you agree to the following terms: The icons are released 'AS IS'. You waive the implied warranty of infringement. You may use the icons in any personal or commercial works without obligation of payment, monetary or otherwise, or attribution to Adam Whitcroft. You may not resell or redistribute the icons (or modified versions of the icons). Intellectual property rights are

go_uetsuhara 2014/02/12

リンク

ミニマルなアイコンやシンボルをWebフォントで表現するために作られたフリーフォント・Web Symbols typeface - かちびと.net

ちょっと面白かったのでメモ。ミニマルなアイコンやシンボルをWebフォントとして使えるようにしてくれたフリーフォント、 Web Symbols typefaceのご紹介です。割と嬉しいかもｗ以前、シンボルやアイコンタイプのフォントをご紹介しましたが、こちらは最初からWebフォントとして使う目的で作ったそうです。アイコンをWebフォントにすることで、毎回アートディレクターにスライス等を頼まずにすむんや！って言ってました。あんまり大きいサイズにするとちょっとアレですけどね・・ミニアイコンとして使うことのほうが多そうなのであんまり気にならないかな。css3でエフェクトをつけるのも面白いかもです。こんな感じで使う。 css @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.

go_uetsuhara 2013/11/12

リンク

Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net

Webフォントに関して調べ物をしたので個人的なメモ。少し利用頻度があがって来たので探しやすいようにまとめておきます。まだちょっと使い慣れてないのでもう少し勉強しないとダメですね・・スマフォ向けのリソースもあります。というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。最低限の知識最低限かどうか分かりませんけどｗ　少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。ライセンスまずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなん

go_uetsuhara 2011/12/22

リンク

はじめてのWebfonts

今までは、サイト上で意図したフォントを使うには PCに共通してインストールしてあるデバイスフォンを指定するか、 photoshopなどで画像として作る方法が主でした。しかしCSS3からはwebfonts機能が搭載されたので、 CSSのみで希望のフォントが使える様になりました。まだ一般化するには時間がかかると思いますが、 webfontsの基本をまとめてみました。 webfontsのメリット・デメリット webfontsで使えるフォントフォーマット Webfontの使い方 CSSの@font-faceを使う方法 Webfontsの使い方 Webfontサービスを利用する方法 Webfontサービス webfontsのメリット・デメリット CSSのみで希望のフォントを指定できるので、非常にメリットが大きく思えますが、まだまだ幾つかの問題もあります。 CSSのみでフォントの指定ができる

go_uetsuhara 2011/03/22

webfont

リンク

[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法

IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。 The New Bulletproof @Font-Face Syntax [ad#ad-2] 各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。 @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?') format('eot'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype'), url('myfont-w