webフォント

HTML

「Font Awesome」利用サンプル集

前回の記事、「Font Awesome」ウェブアイコンフォントの利用方法の続きとして、実際に「Font Awesome」を利用しながら、オプションとして指定できるサンプルを見ていきたいと思います。▼目次 アイコンサイズを大きくする アイコン...
HTML

「Font Awesome」ウェブアイコンフォントの利用方法

一昔前は、ナビゲーションやリストマークなどに「シンボルマーク+テキスト」を表示したい場合、「png画像」を背景画像に指定するなどして対応することもありましたが、フラットデザインが流行してからは「Webフォント」を上手に活用してページ自体の高...
CSS

日本語Webフォントを利用する際に気をつけたいライセンスのこと

Webフォントを利用する際に、その使い方と合わせて「フォントに対するライセンス」をきちんと理解しておく必要があります。Webフォントだから勝手に何も気にせずに使っていいというわけではないので、細かいことかもしれませんが正しく利用するように心...
CSS

WEBフォントを使ってちょっとお洒落に…

CSSでフォントのスタイルを設定する際に一般的なプロパティは「font-style,font-variant,font-weight,font-size,line-height,font-family」などがあります。それぞれ値を指定するこ...