組み込みによっていることに気付いた。人気のフリーWebフォント。組み込み自体そう難しくはなさそうだけれど、前準備も何もなしにいきなり利用できる、というのは楽だ。使い方の解説は山ほどあるし。(FontAwesome)なるほど、公式サイトのリストにあるタグを一行いれるだけか。iconsテーマカスタマイズの記事ネタに、SNSのフォローボタンを作ってみた。ウィジェットの[テキスト]への書き込みで問題なく表示される。そのことを記事に書いている際、エディターをテキストからビジュアルに切り替え、またテキスト表示に戻ると、れれれ???書き込んだタグがごっそりと消えている。回避タグを書き込んでみたりしたが、いっかな効かない。調べていてやっと理由が分かった。HTMLでは、たとえばフォート(砦)アイコンはこう書けとある。タグ(でもspanでも同じだ)がコンテンツを含んでいない空要素であること。以下のように改行なしのスペースコードをいれればOK。fa-fort-awesome">&nbsp;</i>CSSで特定の部分に表示させるアイコンフォントではプラグインを入れていたこともあった。ビジュアルエディタのリストから挿入できてなかなか便利ではあった(Virtueではデフォルトでこれが可能)。拡張するプラグインだったのだろう。プラグインを外してしまったのは、これらのアイコン、記事の本文中にあれこれ挿入するかというと、そうは使わないからであった。このたびもよく考えたら、せいぜい見出しやリスト、外部リンクの修飾程度だろう、というのが結論。あるならば、CSSで設定してしまえば以後HTMLコードを書き込む手間もなくなる。AwesomeをCSSでアイコンとして利用する早速やってみた。各フォントのユニコードを指定する。ユニコードの頭にはバックスラッシュ\(¥と表示される場合も)を入れ、””で囲む。反映されず、頭を抱えた。解決は偶然覗いた英語サイト(いつもは日本語しか検索しないのに)にあった。position:relative;を指定しておくべし、というのでやってみたらOKとなった。2019/08/03コメントコメントをキャンセルメールアドレスが公開されることはありません。PROVAI.ciao。