Webフォント タグのページリスト

FontCreatorによるアイコンフォント作成

FontCreatorによるアイコンフォント作成手順を紹介します。事前準備FontCreatorをインストールします。インストール手順はこちらの記事を参照してください。手順フォントの作成FontCreatorを起動します。メインウィンドウが
カテゴリ: フォント /  タグ: デザイン フォント Webフォント FontCreator

モリサワ MORISAWA PASSPORT で TypeSquare を利用する

モリサワ MORISAWA PASSPORT で TypeSquare を利用する手順について紹介します。注意現在は受付停止しており、モリサワ MORISAWA PASSPORT で TypeSquare は利用できません。概要MORISA
カテゴリ: フォント /  タグ: デザイン MORISAWA PASSPORT フォント Webフォント

IcoMoon によるアイコンフォントの作成

IcoMoon を利用してアイコンフォントを作成します。手順IcoMoonを利用してWebフォントを作成します。https://icomoon.ioにアクセスします。下図のページが表示されますのでページの右上の[IcoMoon App]のボ
カテゴリ: Software /  タグ: デザイン フォント Webフォント

FontForge のインストール

FontForge をインストールします。概要フォントを編集するソフトウェアはいくつかありますが、woff, woff2のWebフォント形式が出力できるソフトウェアとなると、数が限られます。有料販売されているフォントエディタが多いですが、F
カテゴリ: Software /  タグ: デザイン フォント Webフォント FontForge

アイコン Webフォントを作成する (Webページ用アイコンフォントの作成)

Webページで表示するためのアイコンWebフォントを作成する手順を紹介します。概要Webページでアイコンを表示するために、アイコンの図形のWebフォントを作成します。Webフォントを作成することで、アイコンを文字として扱え、フォントサイズや
カテゴリ: HTML /  タグ: デザイン HTML CSS フォント Webフォント

Webフォントを利用する (woff Webフォントを利用)

Webフォントを利用するコードを紹介します。Webフォントの準備 - woff形式への変換woffフォントが無い場合は、フォントファイルをwoff形式に変換します。今回はhttp://www.fontconverter.org/を利用して、
カテゴリ: HTML /  タグ: CSS Webフォント
Copyright © 1995–2025 iPentec all rights reserverd.