[B! Webフォント] keito7のブックマーク

Web Fontsセミナーでの資料 - tikeda's blog

先週木曜日4/12にパソナテックさんにて、モリサワさんのWeb Fontsサービス「TypeSquare」とのタイアップセミナーで講演させて頂きました。内容としては、Web Fontの概要から実践まで広い内容になり特にTypeSquareをはじめJapanese WebFontについての内容が多くを占めております。遅くなりましたが資料を以下に公開しました。 Web Fonts with Web Design // Speaker Deck 一部、プレゼン資料だけで説明なしでは、文脈的に解釈が難しいと思う内容も含んでいますが、少しでも役に立つならと思い公開してきました。ご興味ある方はご覧ください。

keito7 2013/04/16

リンク

画像なんていらない!! fontelloとCSS3を使って3Dボタンを作ってみた

こんにちは。連日の暑さにとろけそう。井畑です。今回は、前からやってみたかった事に挑戦してみました。今はやりのWebフォントとCSS3を使って、 3Dボタンを作る事です。以前から、機会があったらやってみようと思っていたのですが、なかなか機会にめぐりあえず、どうせなら備忘録ついでにブログに書いちゃえと思った次第です。それでははりきってどうぞ！目次 1.Webフォントを「fontello」からダウンロード 1-1.Webフォントを「fontello」からダウンロード 1-2.解凍して中身を確認する 2.CSS3でボタンを作成 2-1.HTMLの設定 2-2.CSSの設定(WEBフォント) 2-3.CSSの設定(ボタンの装飾) 2-4.CSSの設定(ボタンのホバー時装飾) 1.Webフォントを「fontello」からダウンロード Webフォントを使うにあたり、最近とてもステキなサイ

keito7 2013/01/15

webフォント

リンク

Webフォントが楽しい！Webフォントの探し方と使い方・設置の仕方などなど。

ブログに関して技術的なことはかっらきしわからない（からっきしなんて言葉はじめて使った）私ですが、ちょっと Webフォントなるものに挑戦してみました。ここ最近ずっと、日本語のフォントに中国語風の『Heiti SC』というのを使っていたんですが、ちょくちょく「文字化けですか？」「見辛い」「気持ち悪い」「調子に乗っている」などなど言われていたので、フォントの変更に踏み切ってみました…(,,-_-) ただ、Mac はともかく、iOS で表示できる日本語フォントってほとんどないんですよね…。たぶん… おそらく、『ヒラギノ角ゴシック』か、前述の『Heiti SC』しかないような気がします。他にもあるのかな…｡:ﾟ(;´∩`;)ﾟ:｡『Heiti SC』は漢字が中華風になっちゃいますしね… 実際は『ヒラギノ角ゴシック』のみと言っても過言ではないですよね…。『Heiti SC』のひらがな部分

keito7 2013/01/07

webフォント

リンク

Fontello - icon fonts generator

Tool to build custom fonts with icons.

keito7 2012/12/27

リンク

もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法

こんにちは、鴨田です。最近、アイコンがセットされたWebフォントを使うことで、画像を使わずにアイコンを表示するという手法が流行っていますね。すごく興味はあったのですが、なかなか使う機会もなく、便利そうだなと思っていただけで、今まで使ったことがありませんでした。しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。ここでは、「Entypo」フォントから5つ選択します。選択が終わったら、上部のタブから「Edit codes」をクリックします。アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。英語で頭