{"id":802,"date":"2012-02-08T21:36:46","date_gmt":"2012-02-08T12:36:46","guid":{"rendered":"http:\/\/www.m-r-design.com\/mr-blog\/?p=802"},"modified":"2017-06-06T00:05:01","modified_gmt":"2017-06-05T15:05:01","slug":"%e8%a7%a3%e4%bd%93%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%83%bc%e3%80%90%e3%82%a6%e3%82%a7%e3%83%96%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88-%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%82%a2%e3%83%af%e3%83%bc","status":"publish","type":"post","link":"https:\/\/www.m-r-design.com\/mr-blog\/archives\/802","title":{"rendered":"\u89e3\u4f53\u3057\u3066\u307f\u305f\u30fc\u3010\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011\u3011\u306e\u6587\u5b57\u9593\u8abf\u6574\u306f\u3069\u3046\u3057\u3066\u308b\uff1f"},"content":{"rendered":"<p>\u524d\u56de\u306eCSS Nite LP, Disk 21\u306e\u8b1b\u6f14\u4e2d\u306b\u3061\u3089\u308a\u3068\u51fa\u305f\u8a71\u3092\u8abf\u3079\u3066\u307f\u308b\u3002<br \/>\n<a href=\"http:\/\/pr.fontplus.jp\/index.html\" target=\"_blank\">Web Designing \u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011<\/a>\u306e\u30da\u30fc\u30b8\u306fWebFont\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u3002<br \/>\n<strong>\u300c\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c9\u300d<\/strong>\u3068\u9298\u6253\u3063\u3066\u308b\u306e\u3060\u304b\u3089\u3001\u3053\u3053\u3067\u753b\u50cf\u6587\u5b57\u306a\u3093\u304b\u4f7f\u3063\u305f\u65e5\u306b\u306f\u300c\u3048\u30fc(\u00b4\u30fb\u0434\u30fb`)\u300d\u3068\u3044\u3046\u8a71\u306b\u306a\u308b\u3002<br \/>\n\u8b1b\u6f14\u4e2d\u306b\u300c\u3053\u306e\u6587\u5b57\u9593\u306f\u3069\u3046\u3084\u3063\u3066\u8abf\u6574\u3057\u3066\u308b\u3093\u3067\u3057\u3087\u3046\u306d\uff1f\u300d\u3068\u3044\u3046\u3088\u3046\u306a\u8a71\u306b\u306a\u3063\u305f\u3002<br \/>\n\u305d\u308c\u3067\u3001\u30bd\u30fc\u30b9\u3092\u898b\u3066\u307f\u308b\u3068\uff65\uff65\uff65<br \/>\n\u6587\u5b57\u9593\u304c\u8abf\u6574\u3055\u308c\u3066\u3044\u308b\u5f62\u8de1\u304c\u3042\u308b\u306e\u3060\u304c\u3001\u3069\u3046\u3084\u3063\u3066\u3084\u3063\u3066\u308b\u306e\u3060\u308d\u3046\u3002<br \/>\n\u3072\u3068\u6587\u5b57\u3072\u3068\u6587\u5b57\u8abf\u6574\u3057\u3066\u308b\u306e\u304b\u306a\uff1f<br \/>\n\u305d\u308c\u3068\u3082jQuery\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u3044\u3044\u3082\u306e\u3042\u308b\u306e\uff1f<\/p>\n<p>\uff65\uff65\uff65\u3068\u3044\u3046\u500b\u4eba\u7684\u306a\u597d\u5947\u5fc3\u3067\u3001\u30b3\u30fc\u30c9\u3092\u89e3\u4f53\u3057\u3066\u307f\u308b\u3053\u3068\u306b\u3057\u305f\u3002<\/p>\n<p><!--more--><br \/>\n<figure id=\"attachment_810\" aria-describedby=\"caption-attachment-810\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.m-r-design.com\/mr-blog\/wp-content\/uploads\/webfont.jpg\" alt=\"\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8\u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011\" width=\"800\" height=\"604\" class=\"aligncenter size-full wp-image-1379\" srcset=\"https:\/\/www.m-r-design.com\/mr-blog\/wp-content\/uploads\/webfont.jpg 800w, https:\/\/www.m-r-design.com\/mr-blog\/wp-content\/uploads\/webfont-300x227.jpg 300w, https:\/\/www.m-r-design.com\/mr-blog\/wp-content\/uploads\/webfont-768x580.jpg 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption id=\"caption-attachment-810\" class=\"wp-caption-text\">\u3072\u3068\u6587\u5b57\u3072\u3068\u6587\u5b57\u306bID\u304c\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\u3002<\/figcaption><\/figure><br \/>\n\u3059\u3054\u3044\u3002<br \/>\n\u3072\u3068\u6587\u5b57\u3072\u3068\u6587\u5b57\u306bID\u304c\u4ed8\u4e0e\u3055\u308c\u3066\u3044\u308b\uff01\uff65\uff65\uff65\u3068\u3044\u3046\u304b\u3001\u3053\u308c\u3063\u3066\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u7684\u306b\u306f\u3069\u3046\u3088\uff01<br \/>\n\uff65\uff65\uff65\u3068\u5c0f\u4e00\u6642\u9593\u805e\u3044\u3066\u307f\u305f\u3044\u611f\u3058\u3002<\/p>\n<p>\u3067\u306f\u3001\u30b3\u30fc\u30c9\u3092\u4e0a\u304b\u3089\u9806\u756a\u306b\u898b\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u90e8\u5206\u7684\u306b\u7701\u7565\u3057\u307e\u3059\u3002<\/p>\n<p><code><br \/>\n<head><br \/>\n \uff5c<br \/>\n\u7701\u7565<br \/>\n \uff5c\n<link href=\"resources\/css\/commons.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<script type=\"text\/javascript\" src=\"http:\/\/webfont.fontplus.jp\/accessor\/script\/fontplus.js?\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\" charset=\"utf-8\"><\/script><script type=\"text\/javascript\" src=\"\/resources\/js\/jquery-1.6.4.min.js\" charset=\"utf-8\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"\/resources\/js\/jquery.ba-hashchange.js\" charset=\"utf-8\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"\/resources\/js\/general.js\" charset=\"utf-8\"><\/script><br \/>\n<script type=\"text\/javascript\">\n \uff5c\n\u7701\u7565\n \uff5c\n<\/script><br \/>\n<\/head><br \/>\n<\/code><\/p>\n<p>13\u884c\u76ee\u306f\u30d5\u30a9\u30f3\u30c8\u30d7\u30e9\u30b9\u306e\u30d5\u30a9\u30f3\u30c8\u3092\u4f7f\u3046\u305f\u3081\u306eHTML\u30bf\u30b0\uff08\u30d5\u30a9\u30f3\u30c8\u30d7\u30e9\u30b9\u5185\u306e\u8aac\u660e\uff09\u3089\u3057\u3044\u3002<br \/>\n\u300cfontplus.js?\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u300d\u306e\u300c\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u2013\u300d\u306b\u306f\u30e6\u30fc\u30b6\u30fc\u306e\u6570\u5217\u304c\u5165\u308b\u306e\u3067\u3001\u3042\u3048\u3066\u300c\u2013\u300d\u3067\u6587\u5b57\u96a0\u3057\u3002\u307e\u3042\u3001\u516c\u5f0f\u30b5\u30a4\u30c8\u306e\u30bd\u30fc\u30b9\u898b\u308c\u3070\u308f\u304b\u308b\u3093\u3067\u3059\u304cw<\/p>\n<p>14\u884c\u76ee<strong>\u300c<a href=\"http:\/\/benalman.com\/projects\/jquery-hashchange-plugin\/\" target=\"_blank\">jquery.ba-hashchange.js<\/a>\u300d<\/strong>\u306f\u30cf\u30c3\u30b7\u30e5\u30c1\u30a7\u30f3\u30b8\u306e\u305f\u3081\u306ejQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u3002<br \/>\nAjax\u306f\u30da\u30fc\u30b8\u9077\u79fb\u3057\u306a\u3044\u307e\u307e\u5185\u5bb9\u3092\u66f8\u304d\u63db\u3048\u308b\u3053\u3068\u304c\u53ef\u80fd\u3060\u3051\u308c\u3069\u3001\u53cd\u9762\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u623b\u308b\u30dc\u30bf\u30f3\u304c\u52d5\u4f5c\u3057\u306a\u3044\u3068\u304b\u554f\u984c\u306b\u306a\u308b\u3053\u3068\u3082\u3002<br \/>\n\u305d\u3093\u306a\u6642\u3001\u30ea\u30f3\u30af\u3092\u30d5\u30e9\u30b0\u30e1\u30f3\u30c8URL\u306b\u3057\u3001\u30cf\u30c3\u30b7\u30e5\u30c1\u30a7\u30f3\u30b8\u30a4\u30d9\u30f3\u30c8\u6642\u306b\u30da\u30fc\u30b8\u5185\u5bb9\u66f8\u304d\u63db\u3048\u3092\u884c\u3046<strong>\u300c<a href=\"http:\/\/benalman.com\/projects\/jquery-hashchange-plugin\/\" target=\"_blank\">jquery.ba-hashchange.js<\/a>\u300d<\/strong>\u3092\u4f7f\u3046\u3068\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u623b\u308b\u30dc\u30bf\u30f3\u304c\u4f7f\u3048\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<p>15\u884c\u76ee\u306f\u30b9\u30e0\u30fc\u30ba\u30b9\u30af\u30ed\u30fc\u30eb\u306b\u95a2\u3059\u308bjavascript\u3002<\/p>\n<p>\u3053\u3053\u307e\u3067\u898b\u3066\u3082\u3001\u884c\u9593\u306b\u95a2\u3059\u308bjavascript\u306f\u306a\u3044\u611f\u3058\u3002<br \/>\n\u3082\u3001\u3082\u3057\u3084\uff65\uff65\uff65\u3002<\/p>\n<p>12\u884c\u76ee\u306e<strong>\u300ccommons.css\u300d<\/strong>\u306e\u4e2d\u8eab\u3092\u898b\u3066\u307f\u3088\u3046\u3002<\/p>\n<p>\uff65\uff65\uff65<\/p>\n<p>\u3042\u3063\u305f\u3002<br \/>\n<strong>\u300ccommons.css\u300d<\/strong>258\u884c\u76ee\u4ed8\u8fd1\u3002<\/p>\n<p><code><br \/>\n |<br \/>\n\u7701\u7565<br \/>\n |<br \/>\n\/*_ typograph _*\/<br \/>\n#header h1 #tilteNode01 {<br \/>\n\tletter-spacing: -0.24em;<br \/>\n}<br \/>\n#header h1 #tilteNode02 {<br \/>\n\tletter-spacing: -0.2em;<br \/>\n}<br \/>\n#header h1 #tilteNode03 {<br \/>\n\tletter-spacing: -0.12em;<br \/>\n}<br \/>\n#header h1 #tilteNode04 {<br \/>\n\tletter-spacing: -0.16em;<br \/>\n}<br \/>\n |<br \/>\n\u7701\u7565<br \/>\n |<br \/>\n<\/code><\/p>\n<p>\u3068\u3044\u3046\u611f\u3058\u3067\u3001\u3072\u3068\u6587\u5b57\u3072\u3068\u6587\u5b57\u306e\u6587\u5b57\u9593\u3092\u8abf\u6574\u3057\u3066\u3044\u308b\u3002<br \/>\n\u624b\u52d5\u3060\u3063\u305f\u304b\uff65\uff65\uff65orz&#8230;.<\/p>\n<p>\u884c\u56fa\u307e\u308a\u306a\u3089\u6587\u5b57\u9593\u8abf\u6574\u304c\u3067\u304d\u308bjQuery\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3042\u308b\u3089\u3057\u304f\u3001<strong><a href=\"http:\/\/kachibito.net\/web-design\/kerning-js.html\" target=\"_blank\">CSS\u3067\u30ab\u30fc\u30cb\u30f3\u30b0\uff08\u6587\u5b57\u8a70\u3081\uff09\u7b49\u3092\u53ef\u80fd\u306b\u3059\u308bJS\u30e9\u30a4\u30d6\u30e9\u30ea\u30fbkerning.js<\/a><\/strong>\u3067\u3044\u304f\u3064\u304b\u7d39\u4ecb\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u884c\u56fa\u307e\u308a\u3067\u6587\u5b57\u9593\u304c\u8abf\u6574\u3067\u304d\u308b<strong><a href=\"http:\/\/endtwist.github.com\/kerning.js\/\" target=\"_blank\">kerning.js<\/a><\/strong>\u306f\u6d77\u5916\u88fd\u306e\u3088\u3046\u3067\u3059\u3002<\/p>\n<p>\u3053\u3061\u3089\u306f\u3001\u306f\u3063\u304d\u308a\u3068\u3057\u305f\u8a73\u7d30\u306f\u4e0d\u660e\uff08\u3042\u3068\u3067\u30c6\u30b9\u30c8\u3057\u3088\u3046\u3001\u3068\u3044\u3046\u304b\u3057\u305f\u3044\uff01\uff09\u306a\u306e\u3067\u3059\u304c\u3001<strong><a href=\"http:\/\/fladdict.net\/blog\/2011\/02\/auto-kerning.html\" target=\"_blank\">HTML\u3067\u6587\u5b57\u8a70\u3081\u3059\u308b\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u30fc\u7528JS<\/a><\/strong>\u306f\u65e5\u672c\u88fd\u3067\u3001\u3069\u3046\u3084\u3089\u300c<strong>\u6587\u5b57\u9593\u3092\u7d30\u304b\u304f\u8abf\u6574\u3059\u308b<\/strong>\u300d\u3068\u3044\u3046\u76ee\u7684\u306b\u306f\u3001\u4e00\u756a\u8fd1\u3044\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u3088\u3046\u3067\u3059\u3002<br \/>\njavascript\u306eDL\u3057\u305f\u3068\u3053\u308d\u3001\u7406\u60f3\u306b\u304b\u306a\u308a\u8fd1\u3044\u611f\u3058\u304c\u3057\u307e\u3059\u3002<br \/>\n\u3053\u308c\u306b\u95a2\u3057\u3066\u306f\u3001\u5f8c\u65e5Blog\u3067\u4f7f\u7528\u611f\u5831\u544a\u3059\u308b\u4e88\u5b9a\u3067\u3059(\uffe3\u25bd\uffe3*)<\/p>\n<p>\u307e\u305f\u3001<strong><a href=\"http:\/\/php-tips.com\/jquery\/2009\/12\/%E6%96%87%E5%AD%97%E3%81%AE%E5%9D%87%E7%AD%89%E5%89%B2%E3%82%8A%E4%BB%98%E3%81%91%E3%82%92%E8%A1%8C%E3%81%86jquery%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3-jquery-justify-js\" target=\"_blank\">\u6587\u5b57\u306e\u5747\u7b49\u5272\u308a\u4ed8\u3051\u3092\u884c\u3046jQuery\u30d7\u30e9\u30b0\u30a4\u30f3 jQuery.justify.js<\/a><\/strong>\u3068\u3044\u3046\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u3042\u308a\u3001IE6, 7, 8, firefox 3.5, Safari 4, Google Chorme 4\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u308b\u307f\u305f\u3044\u306a\u306e\u3067\u3001\u5747\u7b49\u5272\u308a\u4ed8\u3051\u306a\u3089\u3053\u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u4f7f\u3046\u3068\u3044\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n<p>\u3082\u3057\u3001\u3082\u3063\u3068\u3046\u307e\u3044\u3084\u308a\u65b9\u304c\u3042\u308b\u3068\u3059\u308c\u3070\u3001\u5f53\u7136<a href=\"http:\/\/pr.fontplus.jp\/index.html\" target=\"_blank\">Web Designing \u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011<\/a>\u306e\u30b5\u30a4\u30c8\u3067\u3082\u4f7f\u308f\u308c\u3066\u3044\u308b\u306f\u305a\u306a\u306e\u3067\u3001\u4eca\u306e\u3068\u3053\u308d\u3001\u3072\u3068\u6587\u5b57\u3072\u3068\u6587\u5b57\u306e\u884c\u9593\u3092\u8abf\u6574\u3059\u308b\u969b\u306f\u3001ID\u3092\u4ed8\u4e0e\u3057\u3066\u624b\u52d5\u3067\u3084\u308b\u3057\u304b\u306a\u3055\u305d\u3046\u3067\u3059\uff08\u5f53\u7136\u3067\u3057\u3087\u3046\u306d\uff09\u3002<\/p>\n<p>\u304c\u3001<strong><a href=\"http:\/\/fladdict.net\/blog\/2011\/02\/auto-kerning.html\" target=\"_blank\">HTML\u3067\u6587\u5b57\u8a70\u3081\u3059\u308b\u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3\u30fc\u7528JS<\/a><\/strong>\u304c\u6c17\u306b\u306a\u308b\uff01<br \/>\n\u3082\u3057\u304b\u3059\u308b\u3068\u3001\u3053\u308c\u3067\u3042\u308b\u7a0b\u5ea6\u89e3\u6c7a\u3059\u308b\u304b\u3082\uff1f<\/p>\n<p>\u30aa\u30e9\u3001\u308f\u304f\u308f\u304f\u3057\u3066\u304d\u305f\u305e\uff01(\uffe3\u25bd\uffe3*)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u524d\u56de\u306eCSS Nite LP, Disk 21\u306e\u8b1b\u6f14\u4e2d\u306b\u3061\u3089\u308a\u3068\u51fa\u305f\u8a71\u3092\u8abf\u3079\u3066\u307f\u308b\u3002 Web Designing \u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011\u306e\u30da\u30fc\u30b8\u306fWebFont\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u3002 \u300c\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.m-r-design.com\/mr-blog\/archives\/802\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;\u89e3\u4f53\u3057\u3066\u307f\u305f\u30fc\u3010\u30a6\u30a7\u30d6\u30d5\u30a9\u30f3\u30c8 \u30c7\u30b6\u30a4\u30f3\u30a2\u30ef\u30fc\u30c92011\u3011\u306e\u6587\u5b57\u9593\u8abf\u6574\u306f\u3069\u3046\u3057\u3066\u308b\uff1f&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[94,97],"_links":{"self":[{"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/posts\/802"}],"collection":[{"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/comments?post=802"}],"version-history":[{"count":31,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/posts\/802\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/posts\/802\/revisions\/1388"}],"wp:attachment":[{"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/media?parent=802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/categories?post=802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.m-r-design.com\/mr-blog\/wp-json\/wp\/v2\/tags?post=802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}