{"id":1387,"date":"2016-06-17T22:09:39","date_gmt":"2016-06-17T13:09:39","guid":{"rendered":"http:\/\/www.clarenet.co.jp\/column\/engineer\/?p=190"},"modified":"2016-06-17T22:09:39","modified_gmt":"2016-06-17T13:09:39","slug":"google-web-fonts%e3%82%92%e4%bd%bf%e3%81%86","status":"publish","type":"post","link":"https:\/\/4koma-web.com\/coding\/google-web-fonts%e3%82%92%e4%bd%bf%e3%81%86\/","title":{"rendered":"Google web fonts\u3092\u4f7f\u3046"},"content":{"rendered":"<p>\u901a\u5e38web\u30b5\u30a4\u30c8\u3067\u30d5\u30a9\u30f3\u30c8\u3092\u6307\u5b9a\u3057\u3066\u3082<br \/>\n\u30e6\u30fc\u30b6\u30fc\u306e\uff30\uff23\u5185\u306b\u3042\u308b\u30d5\u30a9\u30f3\u30c8\u3057\u304b\u518d\u73fe\u3055\u308c\u306a\u3044\u306e\u3067<br \/>\n\u4f7f\u3044\u305f\u3044\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b\u3068\u753b\u50cf\u3067\u5bfe\u51e6\u3057\u305f\u308a\u3059\u308b\u306e\u3067\u3059\u304c<\/p>\n<p>web\u30d5\u30a9\u30f3\u30c8\u3092\u4f7f\u3046\u3068\u30d5\u30a9\u30f3\u30c8\u30c7\u30fc\u30bf\u304cweb\u4e0a\u306b\u5b58\u5728\u3059\u308b\u306e\u3067<br \/>\n\u30e6\u30fc\u30b6\u30fc\u306e\u74b0\u5883\u306b\u3088\u3063\u3066\u8868\u793a\u304c\u5de6\u53f3\u3055\u308c\u308b\u4e8b\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<p>\u305d\u306e\u4e2d\u3067\u4eca\u56de\u306fGoogle\u304c\u63d0\u4f9b\u3057\u3066\u3044\u308bGoogle web fonts\u3092\u4f7f\u3044\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u307e\u305a\u5c0e\u5165<br \/>\nGoogle web fonts\u306b\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<br \/>\n<a href=\"https:\/\/www.google.com\/fonts\">https:\/\/www.google.com\/fonts<\/a><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.clarenet.co.jp\/column\/engineer\/wp-content\/uploads\/2016\/06\/google1.jpg\" alt=\"google1\" width=\"997\" height=\"498\" class=\"alignnone size-full wp-image-195\" \/><\/p>\n<p>\u4f7f\u3044\u305f\u3044\u30d5\u30a9\u30f3\u30c8\u3092\u898b\u3064\u3051\u305f\u3089Quick-use\u3092\u9078\u629e\u3057\u307e\u3059\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.clarenet.co.jp\/column\/engineer\/wp-content\/uploads\/2016\/06\/google2.jpg\" alt=\"google2\" width=\"997\" height=\"498\" class=\"alignnone size-full wp-image-198\" \/><\/p>\n<p>\u300c3. Add this code to your website\u300dstandard\u30bf\u30d6\u5185\u306b\u3042\u308b\u30b3\u30fc\u30c9\u3092head\u5185\u306b\u30b3\u30d4\u30fc\u3057\u307e\u3059\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.clarenet.co.jp\/column\/engineer\/wp-content\/uploads\/2016\/06\/google3.jpg\" alt=\"google3\" width=\"997\" height=\"498\" class=\"alignnone size-full wp-image-200\" \/><\/p>\n<p>\u6b21\u306b\u300c4. Integrate the fonts into your CSS:\u300d\u5185\u306e\u30b3\u30fc\u30c9\u3092\u9069\u5fdc\u3057\u305f\u3044\u4efb\u610f\u306ecss\u306b\u30b3\u30d4\u30fc\u3059\u308b\u3068\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.clarenet.co.jp\/column\/engineer\/wp-content\/uploads\/2016\/06\/google4.jpg\" alt=\"google4\" width=\"997\" height=\"498\" class=\"alignnone size-full wp-image-203\" \/><\/p>\n<p>\u4e0b\u8a18\u304c\u30d5\u30a9\u30f3\u30c8\u3092\u9069\u5fdc\u3057\u305f\u5834\u5408\u3067\u3059\u3002<\/p>\n<style>\n @import url(https:\/\/fonts.googleapis.com\/css?family=Lobster);\n.fonts {\n   font-family: 'Lobster', cursive;\n   font-size:45px;\n}\n<\/style>\n<p class=\"fonts\">markup<\/p>\n<p>\u3053\u308c\u3067\u5b8c\u6210\u3067\u3059\u3002<\/p>\n<p>Google web fonts\u306f2016\u5e746\u6708\u73fe\u5728779\u7a2e\u985e\u516c\u958b\u3055\u308c\u3066\u3044\u308b\u306e\u3067<br \/>\nweb\u30b5\u30a4\u30c8\u3092\u4f5c\u308b\u6bce\u306b\u5909\u3048\u3066\u3044\u3063\u3066\u3082\u65e9\u3005\u56f0\u308b\u4e8b\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u901a\u5e38web\u30b5\u30a4\u30c8\u3067\u30d5\u30a9\u30f3\u30c8\u3092\u6307\u5b9a\u3057\u3066\u3082 \u30e6\u30fc\u30b6\u30fc\u306e\uff30\uff23\u5185\u306b\u3042\u308b\u30d5\u30a9\u30f3\u30c8\u3057\u304b\u518d\u73fe\u3055\u308c\u306a\u3044\u306e\u3067 \u4f7f\u3044\u305f\u3044\u30d5\u30a9\u30f3\u30c8\u304c\u3042\u308b\u3068\u753b\u50cf\u3067\u5bfe\u51e6\u3057\u305f\u308a\u3059\u308b\u306e\u3067\u3059\u304c web\u30d5\u30a9\u30f3\u30c8\u3092\u4f7f\u3046\u3068\u30d5\u30a9\u30f3\u30c8\u30c7\u30fc\u30bf\u304cweb\u4e0a\u306b\u5b58\u5728\u3059\u308b\u306e\u3067 \u30e6\u30fc\u30b6\u30fc\u306e\u74b0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"","_original_post":"","footnotes":""},"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 23:55:12","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1387"}],"collection":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/comments?post=1387"}],"version-history":[{"count":0,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/1387\/revisions"}],"wp:attachment":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/media?parent=1387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/categories?post=1387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/tags?post=1387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}