🎃

ElememtorにてTypeSquareのフォントを使う方法

2022/10/27に公開

Elementorと日本語フォントの相性はすこぶる悪い

まじでくそだがやっつけ仕事にはElementorを使っているので文句は言えない
やっつけ仕事ほどやたらヒラギノを使いたがるデザイナーが多い
しらんけど

意地になって色々やったが反映しなかったやつ

  • Elementor Fontにフォントごとぶち込み
    →てかフォント事ぶち込みって権利関係的にありなん?
  • index.phpやらheaderやらにWEBフォントタグとbody{font-family:"..."}の全指定でぶち込み
    →Elementorは互換性のあるテーマからしかindex.phpやらheaderは読み込まないのでスクラッチから作ってるのであれば何も起きない
  • テーマのカスタマイズから追加CSSにぶち込み
    →なぜか聞かない細かい検証はしてない

なんかできたやつ

  • ページ上に埋め込みHTMLに下の貼り付け
<html lang="ja">
<head>
	<!---->WEBフォントのタグ<!---->
    <script type="text/javascript" src="...." charset="utf-8">
    </script>
	<!---->やけくそフォント全指定ぶち込み<!---->
    <style>  body {
        font-family:"Hiragino Kaku Gothic W6 JIS2004";
        }
    </style>
</head>

ノーコードなんて信用できないので設定をあれこれ試すより直書きしたほうがいい

Elementorにおいては埋め込みHTMLが最強

ElementorとWordpressにWEBを教えてもらったので文句はこれくらいで終わり。。。
Elementor開発者に幸あれ

Discussion