Googleフォントで表示する #DOM操作 #HTML設定 #DOMスタイル一括設定 📖

文字を美しく飾ります。GoogleフォントのリンクをHTMLタグにより指定しています。

プログラム: (→大)

#Googleフォントで表示する #DOM操作 #HTML設定 #DOMスタイル一括設定
#2020/12/28

#フォントと表示するものを設定する
DOM親要素に『<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
<div id="表示するもの">Nadeshiko blooms on the Google Fonts.</div>』をHTML設定します。

「#表示するもの」に{「font-family」：「Dancing Script」、文字サイズ： 「18px」、余白：「20px」}をDOMスタイル一括設定します。

/*メモ
・Google フォント「Dancing Script」
　https://fonts.google.com/specimen/Dancing+Script?selection.family=Redressed&sidebar.open=true
*/

くれあ作
利用バージョン: 3.1.19
投稿日時: 2020/12/29 00:07 (編集: 2022/02/15 16:01)
ライセンス: 未指定 (未指定/貯蔵庫のみ)
タイプ: wnako
公開の投稿

⭐⭐⭐⭐⭐ ログインして★を付けよう！

作品公開情報

→この作品のURL:

→ブログパーツ (アプリページ):

上記HTML↑をブログに貼り付けることでアプリを埋め込めます。

→ライブラリ直リンク(『!「***」を取込』で使うとき):