実践
アイコンフォント 自由自在
3

アイコンフォントCSSの生成をSassのmixinを作ってより効率的に行う方法を解説します。前回、解説したgulpでの自動化と組み合わせれば、作業の効率化と、質の向上につなげることができます。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

アイコン画像素材から、それらをまとめたフォントファイル生成、フォントを配したCSSファイルの書き出しまでをgulpを使って自動化します。より効率的にアイコンフォントファイルを管理します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

Web Fontsファイルにはアイコンなどのベクターデータを登録できます。Web FontsにするとCSSでの装飾などが簡単に行えます。記事では簡単なWebアプリを利用したファイル生成方法を紹介します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア