ElementorProでAdobeFontを使う

ElementorProデビューしました！
10％OFFクーポンで購入しましたがその二日後にNewYearセールで20％OFFクーポンでてました。涙
安くなるのはハロウィン、ブラックフライデー、それからニューイヤーみたいです。

さて、日本語フォントを使うにあたって、こちらの記事を参考にAdobeFontを有効にして、設定してみました。

しかし反映しない・・・
のでデフォルトフォントのオフ設定を次の記事を参照して行いました。

無事に反映しました！

もっと簡単な方法がある！

ElementorProですからね・・・

WordPress管理画面のダッシュボード左側メニューから
Elementor ->　設定　->　連携タブ　
下の方までスクロールすると・・・

TypeKit Web Fonts by Adobe

ここに、MyAdobeFontで作ったWebプロジェクトのプロジェクトIDを入力して、
【ValidateKitID】をクリックします。

使うときは、「スタイル」->「書体」で
TypeKitWebFonts by Adobe と表示され、フォント名も出てきますよ〜！

FontAwsomeも簡単に導入できる

FontAwsomeもこの「連携」画面で設定できますね♪
通常はヘッダーにコードを入れますが、Elementorキャンバスを使用すると、ヘッダーとフッターが無効になります。
その関係で、ヘッダーにコードを入れてもFontAwsomeが効きません！
無料版にはこの設定項目はない・・・かな・・・。
Proさまさまです。