フォント

SVGスプライトをgulpやIcoMoonを使わず作成する方法
複数のSVGファイルを一つのSVGファイルに統合して利用するSVGスプライトを作成するために、簡易的な方法を考えました。 📝 ポイント 元のSVGファイルはAffinity Desingerで複数のアートボードを一括でエ...
Font Awesomeで★アイコンのラジオフォームをJS無しで作成する方法
Amazonや楽天など、多くのショッピングサイトで実装されている★数を選択して評価するフォーム。 複数の選択肢から1つの値を選択するフォームとしては、セレクトフォームとラジオフォームがありますが、今回はラジオフォームとF...
fontawesomeを使ったハーフスターアイコンを作り方
Webアイコンフォントのfontawesomeで、このような半分は黄色で半分はグレーのハーフスターアイコンを作りたいな、と。 そこで真っ先に思い浮かぶのが、 と を「Stacked Icons」で重ねて使う方法です。 し...
アイコンフォントのリンク下線はinline-blockで消せます。
aタグの中にFont Awesomeのアイコンフォントと文字列を入れると、標準状態で、こんな感じになります。 でも、見た目としてはやっぱりアイコンの下に下線が入るのは不格好。 で、そういうときはスタイルシートに としてや...
レスポンシブフォントサイズ:画面サイズに応じてフォントサイズを縮尺する
画面サイズに応じてフォントサイズを可変したい(レスポンシブに対応したい)場合のメモです。 参考サイトはこちら。 つまり、特定の画面サイズで表示したいフォントサイズを基準にvw単位で指定するという方法です。 画面サイズが1...
未だにActionScript 2.0のサイトを更新している。
Flash ActionScript 2.0がリリースされたのはいつだろう? 調べてみたらどうやら2003年のことになるらしい。もう15年前だ。 https://ja.wikipedia.org/wiki/ActionS...
PowerPointにソースコードを貼り付けるベストな方法!
PowerPointにシンタックスハイライトを維持した状態でソースコードを貼り付ける方法を色々と探していました。 オーソドックスなやり方は、シンタックスハイライト形式で表示してくれるGistsのようなWebサービスを使う...
Ajaxで読み込んだコンテンツにwebフォントは適応しにくいのか?
モリサワパスポートを契約していればTypesquareが無料で使えますよ、ということで設定してみました。 https://www.morisawa.co.jp/font/news/20131129_02_m.html 同...
IconMoonでロゴをWEBフォントにしてみます。
まずはロゴにしたいSVGファイルをIllustratorなどで作成しておきます。ファイルは全てアウトライン化しておきます。 ①IconMoonのAppにアクセスして、「Start the App」ボタンをクリックします。...
[WordPress]ショートコードをショートコードで囲む際の注意点
セクションを作るためのショートコード:[section][/section] テキストのフォントサイズを大きくするショートコード:[large][/large] をそれぞれfunctions.phpに [php] fun...
1