はてなブログでGoogleFontを使う方法 | necozine
突然ですが、はてなブログを試してみました。その際に、ふとWebFont設定したくなったので、その手順をメモしておきます。 今や他のブログサービスを使っているとはいえ、WEBデザインするうえでWebFontはできるならやってみたい技術ですね。 今回はフォントを自分で用意しなくても良い素敵なGoogleAPI『GoogleFonts』を使用しています。 Webフォントを選ぼう google web fontsに行きます。 使いたいフォントを選びます。 すぐ使いたい場合は「Quick-use」を押します。 Quick-useのページの下あたりにコピペ用のコードがあります。 上記、URLと、font-familyを控えておきます。 はてなブログに設定しようはてなブログのデザインカスタマイズです。 はてなにログインし、右上のメニューバーの[管理]＞[デザイン] 続いて、左側サイドメニューの[カスタマ
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 （以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ！ 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
