{"id":420,"date":"2021-08-11T23:50:46","date_gmt":"2021-08-11T14:50:46","guid":{"rendered":"https:\/\/suzutukiblog.com\/?p=420"},"modified":"2022-12-31T00:39:37","modified_gmt":"2022-12-30T15:39:37","slug":"font-awesome1","status":"publish","type":"post","link":"https:\/\/suzutukiblog.com\/index.php\/2021\/08\/11\/font-awesome1\/","title":{"rendered":"Font Awesome\u306e\u307e\u3068\u3081"},"content":{"rendered":"<h3 style=\"text-align: left;\">\u30d5\u30a9\u30f3\u30c8\u30aa\u30fc\u30b5\u30e0\u3068\u306f?<\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;i class=\"fas fa-spinner fa-spin fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"fas fa-spinner fa-pulse fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"fas fa-circle-notch fa-spin fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"fas fa-sync fa-spin fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"fas fa-cog fa-spin fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"fas fa-stroopwafel fa-spin fa-2x\"&gt;&lt;\/i&gt;\r\n&lt;i class=\"far fa-snowflake fa-pulse fa-2x\"&gt;&lt;\/i&gt;<\/code><\/pre>\n<\/div>\n<p>\u3053\u306e\u3088\u3046\u306b\u3044\u3044\u611f\u3058\u306e\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u3048\u3066\u3001\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306b\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u3002(\u4e00\u90e8\u6709\u511f)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/08\/font_awesome.png\" alt=\"\" width=\"358\" height=\"46\" class=\"alignnone size-full wp-image-7122\" srcset=\"https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/08\/font_awesome.png 358w, https:\/\/suzutukiblog.com\/wp-content\/uploads\/2021\/08\/font_awesome-300x39.png 300w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><\/p>\n<p>\u307e\u305f\u3053\u306e\u30b5\u30a4\u30c8\u306b\u3082\u4f7f\u308f\u308c\u3066\u3044\u308b\u3002<\/p>\n<h3>\u5c0e\u5165\u65b9\u6cd5<\/h3>\n<p><a href=\"https:\/\/fontawesome.com\/\">\u516c\u5f0f\u30b5\u30a4\u30c8:https:\/\/fontawesome.com\/<\/a><\/p>\n<p>\u30e6\u30fc\u30b6\u30fc\u767b\u9332\u3092\u3057\u3066\u30ad\u30c3\u30c8\u306e\u540d\u524d\u3092\u8a18\u8ff0\u3057Create &amp; Use This kit\u306e\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u3066\u2193\u306e&lt;script~&gt;&lt;\/script&gt;\u306e\u90e8\u5206\u3092&lt;head&gt;&lt;\/head&gt;\u306e\u4e2d\u306b\u8a18\u8ff0\u3059\u308b<\/p>\n<div class=\"overflow-auto code lh-copy gray5\">\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;script src=\"https:\/\/kit.fontawesome.com\/c9ec8f1a4e.js\" crossorigin=\"anonymous\"&gt;&lt;\/script&gt;<\/code><\/pre>\n<\/div>\n<\/div>\n<p>\u5b9f\u4f8b<\/p>\n<pre><code>&lt;i class=\"<strong>fas fa-spinner fa-spin fa-2x<\/strong>\"&gt;&lt;\/i&gt;<\/code><\/pre>\n<p><strong>fas fa-spinner<\/strong>\u306e\u90e8\u5206\u304c\u30a2\u30a4\u30b3\u30f3\u90e8\u5206<\/p>\n<p><strong>fa-spin<\/strong>\u304c\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u90e8\u5206<\/p>\n<p><strong>fa-2x<\/strong>\u304c\u5927\u304d\u3055\u306e\u90e8\u5206<\/p>\n<p>\u307e\u305f\u8272\u3092\u5909\u3048\u305f\u308a\u30a2\u30a4\u30b3\u30f3\u540c\u58eb\u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u4f7f\u3046\u3053\u3068\u3082\u53ef\u80fd\u3067<\/p>\n<p>CSS\u7591\u4f3c\u8981\u7d20\u3092\u4f7f\u3046\u3053\u3068\u306b\u3088\u3063\u3066\u8868\u793a\u3055\u305b\u308b\u3053\u3068\u3082\u3067\u304d\u308b<\/p>\n<h3>CSS\u7591\u4f3c\u8981\u7d20\u306e\u5834\u5408<\/h3>\n<h3><strong>HTML\u306e\u8a18\u8ff0<br \/>\n<\/strong><strong><\/strong><\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;h2 class=\"wp\"&gt;WordPress&lt;\/h2&gt;<\/code><\/pre>\n<\/div>\n<h3><strong>CSS\u306e\u8a18\u8ff0<\/strong><\/h3>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.wp::before { \u00a0\r\n content: \"\\f19a\";\r\n font-family: \"Font Awesome 5 Brands\";\r\n font-weight: 400;\r\n display: inline-block;\r\n font-style: normal;\r\n font-variant: normal;\r\n text-rendering: auto;\r\n -webkit-font-smoothing: antialiased;\r\n margin-right: 10px;\r\n color: #374188;\r\n}<\/code><\/pre>\n<\/div>\n<h2 class=\"wp\">WordPress<\/h2>\n<p>\u2191\u3053\u306e\u3088\u3046\u306b\u30a2\u30a4\u30b3\u30f3\u304c\u8868\u793a\u3055\u308c\u308b<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30d5\u30a9\u30f3\u30c8\u30aa\u30fc\u30b5\u30e0\u3068\u306f? &lt;i class=&#8221;fas fa-spinner fa-spin fa-2x&#8221;&gt;&lt;\/i&gt; &lt;i class=&#8221;fas fa-spinner fa-pulse fa-2 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[4,27],"tags":[],"class_list":["post-420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-font-awesome","category-programming-note"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/comments?post=420"}],"version-history":[{"count":53,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/420\/revisions"}],"predecessor-version":[{"id":7123,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/posts\/420\/revisions\/7123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media\/7122"}],"wp:attachment":[{"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/media?parent=420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/categories?post=420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/suzutukiblog.com\/index.php\/wp-json\/wp\/v2\/tags?post=420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}