{"id":722,"date":"2013-08-12T12:44:51","date_gmt":"2013-08-12T04:44:51","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=722"},"modified":"2013-08-17T17:59:31","modified_gmt":"2013-08-17T17:59:31","slug":"%e8%bd%89%e8%bc%89-%e5%88%a9%e7%94%a8-css-%e5%88%86%e5%88%a5%e8%a8%ad%e5%ae%9a%e4%b8%ad%e6%96%87%e5%ad%97%e3%80%81%e8%8b%b1%e6%95%b8%e3%80%81%e6%b3%a8%e9%9f%b3%e3%80%81%e5%81%87%e5%90%8d%e7%9a%84","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/webdevelop\/722\/","title":{"rendered":"[\u8f49\u8f09] \u5229\u7528 CSS \u5206\u5225\u8a2d\u5b9a\u4e2d\u6587\u5b57\u3001\u82f1\u6578\u3001\u6ce8\u97f3\u3001\u5047\u540d\u7684\u5b57\u9ad4\uff1a\u4f7f\u7528 CSS3 @font-face"},"content":{"rendered":"<p>\u8f49\u8f09\u81ea :\u00a0<a href=\"http:\/\/blog.yorkxin.org\/2012\/06\/17\/assign-fonts-for-specific-characters\">http:\/\/blog.yorkxin.org\/2012\/06\/17\/assign-fonts-for-specific-characters<\/a><\/p>\n<p>\u7db2\u4e0a\u770b\u5230\u7684\u4e00\u7bc7, \u592a\u6709\u7528\u4e86, \u8f49\u8f09\u4e00\u4e0b.<\/p>\n<p>\u81ea\u5df1\u88fd\u4f5c\u4e86\u4e00\u500b live \u7248.<\/p>\n<p>[CodePen height=500 show=result href=phdak user=canis ]<\/p>\n<p>\u8f49\u8f09\u5167\u6587 ::<\/p>\n<p>\u5148\u66ec\u4e00\u4e0b\u7d50\u679c\u7684\u756b\u9762\uff0c\u4e5f\u53ef\u4ee5\u7528 Chrome \u6216 Safari \uff0c<a href=\"http:\/\/playground.yorkxin.org\/mixed-font-face\/\">\u6253\u958b\u9019\u88e1\u770b demo<\/a>\uff08\u76ee\u524d Firefox \u4e0d\u652f\u63f4\uff09\uff1a<\/p>\n<p><a href=\"http:\/\/cl.ly\/0I3q2y0k2r2M212C3u3o\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/cl.ly\/0I3q2y0k2r2M212C3u3o\/Screen%20Shot%202012-06-17%20at%2017.51.48.png\" \/> <\/a><\/p>\n<p>\u4ee5\u4e0a<strong>\u5168\u90fd\u662f\u7528 CSS \u505a\u51fa\u4f86\u7684<\/strong>\uff0c\u4e0d\u662f\u4e00\u500b\u4e00\u500b\u53cd\u767d\u518d\u9078\u5b57\u9ad4\uff08\u8981\u662f\u9019\u6a23\u6211\u4e5f\u4e0d\u7528\u5beb\u4e00\u7bc7\u4e86\uff09\u3002<\/p>\n<p>\u8981\u505a\u5230\u9019\u4e00\u9ede\uff0c\u5fc5\u9808\u4f7f\u7528 CSS3\u00a0<code>@font-face<\/code>\u00a0\u63d0\u4f9b\u7684\u00a0<code>unicode-range<\/code>\u00a0descriptor \u3002\u9019\u62db\u4e5f\u4e0d\u662f\u6c92\u6709\u4eba\u73a9\u904e\uff0c\u5728 2011 \u5e74\u5e95\uff0c\u5c31\u6709\u4eba\u62ff\u4f86<a href=\"http:\/\/24ways.org\/2011\/unicode-range\">\u8a2d\u5b9a\u897f\u6587\u88e1\u9762 &#8220;&amp;&#8221; (ampersand) \u7684\u5b57\u9ad4<\/a>\u4e86\uff0c\u800c\u5728\u4e2d\u6587\u5708\u88e1\uff0c<a href=\"https:\/\/twitter.com\/ethantw\">@ethantw<\/a>\u00a0\u5728 2011 \u5e74\u4e2d\u671f\u958b\u59cb\u88fd\u4f5c<a href=\"http:\/\/ethantw.net\/lab\/han\/biaodian_fuhao_yangshi.html\">\u6f22\u5b57\u6a19\u6e96\u683c\u5f0f\u30fb\u6a19\u9ede\u6a23\u5f0f<\/a>\uff0c\u4f86\u4fee\u6b63\u4e0d\u540c\u6f22\u5b57\u5730\u5340\u7684\u6a19\u9ede\u7b26\u865f\uff0c\u7576\u524d\u7684\u7248\u672c\u4e5f\u61c9\u7528\u4e86\u00a0<code>unicode-range<\/code>\u3002<\/p>\n<p>\u4ee5\u4e0b\u5c31\u4f86\u89e3\u91cb\u5982\u4f55\u5b8c\u6210\u7684\u3002<\/p>\n<h2>CSS3 @font-face \u7684 unicode-range<\/h2>\n<p>\u6839\u64da\u00a0<a href=\"http:\/\/www.w3.org\/TR\/css3-fonts\/#descdef-unicode-range\">W3C \u7684 spec<\/a>\u00a0\uff0c<code>unicode-range<\/code>\u00a0\u662f\u9019\u6a23\u7528\u7684\uff1a<\/p>\n<figure><figcaption><\/figcaption><div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>1\r\n2\r\n3\r\n4\r\n5\r\n<\/pre>\n<\/td>\n<td>\n<pre><code>@font-face {\r\n  font-family: MyCustomFont;\r\n  unicode-range: U+00-7F; \/* ASCII *\/\r\n  src: local(Helvetica), local(Arial); \/* \u5148\u627e Helvetica \uff0c\u6c92\u6709\u7684\u8a71\u7528 Arial *\/\r\n}\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/figure>\n<p>\u9019\u6a23\u5b50\u7684\u8a71\uff0c\u5728 CSS \u88e1\u9762\u5c31\u53ef\u4ee5\u4f7f\u7528\u00a0<code>font-family: MyCustomFont<\/code>\u00a0\uff0c\u4f46\u662f\u5b83\u53ea\u6703\u5957\u7528\u5728 U+00 \u5230 U+7F \u9019\u4e9b\u5b57\u5143\uff08<a href=\"http:\/\/en.wikipedia.org\/wiki\/Basic_Latin_%28Unicode_block%29\">Basic Latin<\/a>\uff0c\u5373 ASCII\uff09\uff0c\u5373\u4f7f Helvetica \u548c Arial \u6709\u63d0\u4f9b\u5176\u4ed6\u5b57\u5143\uff0c\u4f8b\u5982\u5e36\u6709\u91cd\u97f3\u7b26\u865f\u7684\u62c9\u4e01\u5b57\u6bcd\u00a0<code>\u00e9<\/code>\u00a0\uff08U+00E9\uff0c\u5728\u00a0<a href=\"http:\/\/en.wikipedia.org\/wiki\/Latin-1_Supplement_%28Unicode_block%29\">Latin-1 Supplement block<\/a>\uff09\uff0c\u5b83\u9084\u662f\u4e0d\u6703\u5957\u7528\u9019\u500b\u5b57\u9ad4\u3002<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"http:\/\/cl.ly\/1v0z3n2N1Y0E3g0R0X3B\/Screen%20Shot%202012-06-17%20at%2021.36.01.png\" \/><\/p>\n<h3>unicode-range \u7684\u5beb\u6cd5<\/h3>\n<p><code>unicode-range<\/code>\u00a0\u7684 syntax \u6709\u4ee5\u4e0b 3 \u7a2e\uff08\u7bc4\u4f8b\u7531 W3C spec \u800c\u4f86\uff09\uff1a<\/p>\n<ul>\n<li><code>U+416<\/code>\u00a0&#8211; \u55ae\u4e00\u500b code point<\/li>\n<li><code>U+400-4FF<\/code>\u00a0&#8211; \u67d0\u500b code point \u5340\u9593\uff08\u542b\u982d\u5c3e\uff09<\/li>\n<li><code>U+4??<\/code>\u00a0&#8211; \u5c3e\u78bc\u4efb\u610f\u7684 code point\uff0c\u4ee5\u9019\u500b\u4f8b\u5b50\u4f86\u8aaa\uff0c\u7b49\u7fa9\u65bc\u00a0<code>U+400-4FF<\/code>\u3002<\/li>\n<\/ul>\n<p>\u5982\u679c\u8981\u6307\u5b9a\u591a\u500b ranges \uff0c\u5c31\u662f\u7528\u9017\u865f\u00a0<code>,<\/code>\u00a0\u5206\u958b\uff1a<\/p>\n<figure><figcaption><\/figcaption><div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>1\r\n2\r\n3\r\n4\r\n<\/pre>\n<\/td>\n<td>\n<pre><code>@font-face {\r\n  \/* ... *\/\r\n  unicode-range: U+123, U+456-7FF, U+9??;\r\n}\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/figure>\n<p><code>unicode-range<\/code>\u00a0\u9810\u8a2d\u503c\u662f\u00a0<code>U+0-10FFFF<\/code>\u00a0\uff0c\u4e5f\u5c31\u662f\u6db5\u84cb\u4e86\u6240\u6709\u00a0<a href=\"http:\/\/en.wikipedia.org\/wiki\/Unicode_block\">Unicode \u7684 code point space<\/a>\uff0c\u767d\u8a71\u7684\u610f\u601d\u5c31\u662f\u300c\u4e0d\u5beb\u7684\u8a71\uff0c\u9019\u500b font face \u8981\u5957\u7528\u5230\u6240\u6709\u5b57\u5143\u300d\u3002<\/p>\n<h2>\u5c0d\u540c\u4e00\u500b font-family \u7684\u7279\u5b9a unicode-range \u8a2d\u5b57\u9ad4<\/h2>\n<p>\u9019\u62db\u5728 W3C \u7684 spec \u6709\u6559\uff0c\u4ee5\u4e0b\u7684\u4f8b\u5b50\u662f\u300c\u62c9\u4e01\u5b57\u3001\u6ce8\u97f3\u7b26\u865f\u3001\u65e5\u6587\u5047\u540d\u7528\u7279\u5225\u7684\u5b57\u9ad4\uff0c\u5176\u4ed6\u7528\u9810\u8a2d\u7684 Heiti TC\uff08\u5982\u679c\u6c92\u6709 Heiti TC\uff0c\u5c31\u4f7f\u7528\u5fae\u8edf\u6b63\u9ed1\u9ad4\uff09\u300d\u3002\u6211\u5011\u90fd\u77e5\u9053\uff0cHeiti TC \u7684\u62c9\u4e01\u5b57\u3001\u6ce8\u97f3\u7b26\u865f\u3001\u65e5\u6587\u5047\u540d\u90fd\u5f88\u919c\uff0c\u81f3\u65bc\u5fae\u8edf\u6b63\u9ed1\u9ad4\u662f\u70ba\u4e86\u5728 Windows 7 \u4e0a\u9762 Demo \u7528\u7684\uff1a<\/p>\n<figure><figcaption><\/figcaption><div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n21\r\n22\r\n23\r\n24\r\n25\r\n26\r\n27\r\n28\r\n29\r\n30\r\n31\r\n32\r\n33\r\n<\/pre>\n<\/td>\n<td>\n<pre><code>@font-face {\r\n  font-family: MyCustomFont;\r\n  src: local(Heiti TC), local(\"\u5fae\u8edf\u6b63\u9ed1\u9ad4\");\r\n  \/* no unicode-range; default to all characters *\/\r\n}\r\n\r\n\/* Latin characters \u5c08\u7528 *\/\r\n@font-face {\r\n  font-family: MyCustomFont; \/* \u540c\u6a23\u7684 font-family *\/\r\n  unicode-range: U+00-024F;  \/* Latin, Latin1 Sup., Ext-A, Ext-B *\/\r\n  src: local(Helvetica),     \/* OS X preferred *\/\r\n       local(Arial);         \/* Other OS *\/\r\n}\r\n\r\n\/* \u6ce8\u97f3\u7b26\u865f\u5c08\u7528 *\/\r\n@font-face {\r\n  font-family: MyCustomFont;      \/* \u540c\u6a23\u7684 font-family *\/\r\n  unicode-range: U+3100-312F;     \/* Bopomofo *\/\r\n  src: local(LiHei Pro),          \/* OS X *\/\r\n       local(\"\u5fae\u8edf\u6b63\u9ed1\u9ad4\"); \/* Windows Vista+ *\/\r\n}\r\n\r\n\/* \u65e5\u6587\u5047\u540d\u5c08\u7528 *\/\r\n@font-face {\r\n  font-family: MyCustomFont;            \/* \u540c\u6a23\u7684 font-family *\/\r\n  unicode-range: U+3040-30FF;           \/* Hiragana, Katakana *\/\r\n  src: local(Hiragino Kaku Gothic Pro), \/* OS X *\/\r\n       local(Meiryo);                   \/* Windows Vista+ *\/\r\n}\r\n\r\nbody {\r\n  font-family: MyCustomFont, sans-serif;\r\n}\r\n<\/code><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/figure>\n<p>\u6700\u5f8c\u7684\u7d50\u679c\uff0c\u5c31\u662f\u62c9\u4e01\u5b57\u3001\u6ce8\u97f3\u7b26\u865f\u3001\u65e5\u6587\u5047\u540d\u7528\u4e86\u53e6\u4e00\u7a2e\u5b57\u9ad4\uff0c\u800c\u5176\u4ed6\u7684\u6587\u5b57\u5247\u662f\u7528 Heiti TC\uff1b\u5728 Windows \u4e0a\u9762\uff0c\u5247\u662f\u4f7f\u7528\u5fae\u8edf\u6b63\u9ed1\u9ad4\uff08\u5047\u8a2d\u4f7f\u7528\u8005\u6c92\u6709\u81ea\u884c\u5b89\u88dd Mac OS X \u7684\u5b57\u9ad4\uff09\u3002<\/p>\n<p><a href=\"http:\/\/cl.ly\/3b2L352q1J1o2v2S0d2p\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/cl.ly\/3b2L352q1J1o2v2S0d2p\/Screen%20Shot%202012-06-17%20at%2021.42.43.png\" \/> <\/a><\/p>\n<h2>\u8986\u5beb Generic Family<\/h2>\n<p><a href=\"http:\/\/www.w3.org\/TR\/css3-fonts\/#generic-font-families\">Generic Family<\/a>\u00a0\u5c31\u662f sans-serif \u3001 serif \u9019\u4e9b\u57fa\u672c\u7684 style \u3002\u6211\u5728\u5617\u8a66\u00a0<code>@font-face<\/code>\u00a0\u7684\u6642\u5019\uff0c\u5f88\u597d\u5947\u80fd\u4e0d\u80fd\u628a\u00a0<code>font-family<\/code>\u00a0\u6307\u5b9a\u6210 Generic Family \uff0c\u7528\u4f86\u8986\u5beb\u700f\u89bd\u5668\u9810\u8a2d\uff08\u6216\u5728\u504f\u597d\u8a2d\u5b9a\u88e1\u6307\u5b9a\uff09\u7684\u9019\u4e9b\u5b57\u9ad4\u3002\u5be6\u969b\u8a66\u4e86\u4e00\u4e0b\uff0c\u9084\u771f\u7684\u53ef\u4ee5\uff0c\u53ea\u8981\u628a\u4e0a\u9762\u7684 CSS \u88e1\u9762\u7684\u00a0<code>MyCustomFont<\/code>\u00a0\u6539\u6210\u00a0<code>sans-serif<\/code>\u00a0\uff0c\u7136\u5f8c\u628a\u00a0<code>body<\/code>\u00a0\u7684\u00a0<code>font-family<\/code>\u00a0\u8a2d\u6210\u00a0<code>sans-serif<\/code>\u00a0\uff0c\u6548\u679c\u5c31\u8ddf\u4e4b\u524d\u4e00\u6a23\u3002<\/p>\n<h2>\u6700\u7d42\u6548\u679c<\/h2>\n<p>\u6587\u7ae0\u4e00\u958b\u982d\u7684\u6548\u679c\u8ddf\u4e0a\u9762\u6240\u793a\u7684\u4f8b\u5b50\u5176\u5be6\u4e0d\u592a\u4e00\u6a23\uff1a<\/p>\n<ol>\n<li>\u6c92\u6709\u9810\u8a2d\u5b57\u9ad4\uff0c\u4ea4\u7d66\u700f\u89bd\u5668\u6c7a\u5b9a\u3002<\/li>\n<li>\u6f22\u5b57\u7528 Heiti TC<\/li>\n<li>\u5176\u4ed6\u4e00\u6a23<\/li>\n<\/ol>\n<p>\u4e26\u4e14\u628a\u00a0<code>serif<\/code>\u00a0\u4e5f\u52a0\u9032\u4f86\u3002<a href=\"http:\/\/playground.yorkxin.org\/mixed-font-face\/\">\u5be6\u969b demo \u5728\u6b64<\/a>\u3002<\/p>\n<p><a href=\"http:\/\/cl.ly\/0I3q2y0k2r2M212C3u3o\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/cl.ly\/0I3q2y0k2r2M212C3u3o\/Screen%20Shot%202012-06-17%20at%2017.51.48.png\" \/> <\/a><\/p>\n<h2>\u5f8c\u8a18\uff1aWeb Font<\/h2>\n<p>\u6703\u505a\u9019\u500b\u5be6\u9a57\uff0c\u662f\u524d\u5e7e\u5929\u770b\u5230\u00a0<a href=\"https:\/\/twitter.com\/ethantw\">@ethantw<\/a>\u00a0\u505a\u7684<a href=\"http:\/\/ethantw.net\/lab\/han\/biaodian_fuhao_yangshi.html\">\u6f22\u5b57\u6a19\u6e96\u683c\u5f0f\u30fb\u6a19\u9ede\u6a23\u5f0f<\/a>\uff0c\u53ef\u4ee5\u8b93\u6a19\u9ede\u7b26\u865f\u7b26\u5408\u53f0\u3001\u6e2f\u5f0f\uff08\u7f6e\u4e2d\uff09\u6216\u4e2d\u3001\u65e5\u5f0f\uff08\u5de6\u4e0b\u89d2\uff09\u7684\u6a19\u9ede\u3002\u6211\u5f88\u662f\u597d\u5947\u4ed6\u600e\u9ebc\u80fd\u5920\u53ea\u91dd\u5c0d\u6a19\u9ede\u7b26\u865f\u53bb\u8a2d\u5b9a\u5b57\u9ad4\uff0c\u65bc\u662f\u6253\u958b\u4e86\u4ed6\u7684 CSS \uff0c\u767c\u73fe\u4ed6\u5728\u00a0<code>@font-face<\/code>\u00a0\u88e1\u9762\u4f7f\u7528\u4e86\u00a0<code>unicode-range<\/code>\u3002<\/p>\n<p>\u6211\u4ee5\u524d\u53ea\u77e5\u9053\u00a0<code>@font-face<\/code>\u00a0\u62ff\u4f86\u73a9 Web Font\uff0c\u4e5f\u5c31\u662f\u8aaa\u5373\u4f7f\u4f60\u7684\u96fb\u8166\u88e1\u6c92\u6709\u9019\u500b\u5b57\u9ad4\uff0c\u4e5f\u53ef\u4ee5\u8b93\u700f\u89bd\u5668\u53bb\u4e0b\u8f09\u4e26\u5957\u7528\u3002\u73fe\u5728\u624d\u77e5\u9053\u00a0<code>@font-face<\/code>\u00a0\u88e1\u9762\u53ef\u4ee5\u5beb\u00a0<code>unicode-range<\/code>\u00a0\u4e26\u4e14\u91cd\u8986\u5beb\u00a0<code>font-family: MyCustomFont<\/code>\u00a0\u4f86\u88fd\u4f5c\u51fa\u6df7\u5408\u4e86\u6578\u7a2e\u5b57\u9ad4\u7684\u65b0\u5b57\u9ad4\u3002<\/p>\n<p>\u4e8b\u5be6\u4e0a\uff0c\u4e0a\u4e00\u6b21\u00a0<a href=\"http:\/\/blog.yorkxin.org\/2012\/05\/03\/chrome-18-chinese-font-fail-and-solution\/\">Chrome 18 \u5b57\u9ad4\u4e82\u8c61<\/a>\u767c\u751f\u6642\uff0c\u6211\u66fe\u7d93\u5617\u8a66\u5728 User Agent Stylesheet \uff08<code>Custom.css<\/code>\uff09\u88e1\u9762\u8986\u5beb\u00a0<code>sans-serif<\/code>\u00a0\u7684\u5b57\u9ad4\u70ba\u00a0<code>Helvetica<\/code>\u00a0\uff0c\u60f3\u8aaa\u9019\u6a23\u61c9\u8a72\u53ef\u4ee5\u8b93 Chrome \u7684\u5b57\u9ad4 fallback \u6a5f\u5236\u56de\u5230 OS X \u8655\u7406\u3002\u4f46\u90a3\u6642\u5019\u9019\u6a23\u505a\u537b\u6c92\u6709\u6210\u529f\uff0c\u6240\u4ee5\u8f49\u800c\u53bb\u641e Extension \u3002\u65e5\u524d Safari 6 \u4e5f\u51fa\u73fe\u4e86\u540c\u6a23\u7684\u529f\u80fd\uff0c\u65bc\u662f\u8a66\u4e86\u4e00\u4e0b\u00a0<a href=\"http:\/\/blog.yorkxin.org\/2012\/06\/17\/safari-6-per-script-font-fallback\/\">custom stylesheet<\/a>\u00a0\uff0c\u9084\u771f\u7684\u53ef\u4ee5 hack \u6389 fallback \u6a5f\u5236\uff0c\u90a3\u6642\u5019\u518d\u56de\u53bb Chrome \u8a66\u9019\u62db override\u00a0<code>sans-serif<\/code>\u00a0\u7684 hack\uff0c\u7adf\u7136\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n<p>\u4e0d\u904e\u8aaa\u5230 Web Font \u9019\u6280\u8853\uff0c\u56e0\u70ba\u8a2d\u8a08\u7d66\u6f22\u5b57\u6587\u5316\u5708\u7684\u5b57\u9ad4\u90fd\u6bd4\u8f03\u5927\uff08\u4ee5 MB \u70ba\u55ae\u4f4d\uff0c\u56e0\u70ba\u5b57\u5143\u591a\uff09\uff0c\u6240\u4ee5\u9019\u9805\u6280\u8853\u53ea\u6d41\u884c\u5728\u6b50\u7f8e\u7684\u7db2\u7ad9\uff08\u7528\u62c9\u4e01\u5b57\u6bcd\uff0c\u6578\u5341 KB \u800c\u5df2\uff09\u3002\u7576\u7136\u53f0\u7063\u4e5f\u6709<a href=\"http:\/\/www.justfont.com\/\">\u6551\u4e16\u5b57<\/a>\u5728\u5617\u8a66\u63d0\u4f9b\u4e2d\u6587 Web Font \u670d\u52d9\uff0c\u6700\u8fd1\u7684\u00a0<a href=\"http:\/\/hitcon.org\/2012\/\">HITCON 2012<\/a>\u00a0\u4e5f\u5c55\u793a\u4e86\u9019\u9805\u670d\u52d9\u7684\u6f5b\u529b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8f49\u8f09\u81ea :\u00a0http:\/\/blog.yorkxin.org\/2012\/06\/17\/assign-fo &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,5],"tags":[],"class_list":["post-722","post","type-post","status-publish","format-standard","hentry","category-css","category-webdevelop"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/722\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}