{"id":20438,"date":"2015-05-16T10:22:01","date_gmt":"2015-05-16T03:22:01","guid":{"rendered":"http:\/\/tom.ji42.com\/?p=20438"},"modified":"2015-05-16T10:24:19","modified_gmt":"2015-05-16T03:24:19","slug":"add-web-font","status":"publish","type":"post","link":"https:\/\/tom.tomwork.net\/?p=20438","title":{"rendered":"add web font"},"content":{"rendered":"
<style type=\"text\/css\">\r\n@font-face {\r\n    font-family: THSarabun;\r\n    src: url('fonts\/THSarabun\/thsarabun.eot');\r\n    src: url('fonts\/THSarabun\/thsarabun.eot?') format('embedded-opentype'), \r\n         url('fonts\/THSarabun\/thsarabun.woff') format('woff'), \r\n         url('fonts\/THSarabun\/thsarabun.ttf') format('truetype'),\r\n\t\t url('fonts\/THSarabun\/thsarabun.svg#THSarabunPSKRegular') format('svg');\r\n}\r\n\r\n#detail{ margin-left:25px; margin-right:25px; font-family:\"THSarabun\", sans-serif;}\r\n<\/style>\r\n\r\n<\/pre>\n
<\/p>\n
\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
@<\/span>font-face <\/span>{<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-family<\/span>:<\/span> ‘THSarabunNew’<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew-webfont.eot’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew-webfont.eot?#iefix’<\/span>)<\/span> format<\/span>(<\/span>’embedded-opentype’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew-webfont.woff’<\/span>)<\/span> format<\/span>(<\/span>‘woff’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew-webfont.ttf’<\/span>)<\/span> format<\/span>(<\/span>‘truetype’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-weight<\/span>:<\/span> normal<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-style<\/span>:<\/span> normal<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
}<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
@<\/span>font-face <\/span>{<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-family<\/span>:<\/span> ‘THSarabunNew’<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_bolditalic-webfont.eot’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_bolditalic-webfont.eot?#iefix’<\/span>)<\/span> format<\/span>(<\/span>’embedded-opentype’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_bolditalic-webfont.woff’<\/span>)<\/span> format<\/span>(<\/span>‘woff’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_bolditalic-webfont.ttf’<\/span>)<\/span> format<\/span>(<\/span>‘truetype’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-weight<\/span>:<\/span> bold<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-style<\/span>:<\/span> italic<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
}<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
@<\/span>font-face <\/span>{<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-family<\/span>:<\/span> ‘THSarabunNew’<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_italic-webfont.eot’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_italic-webfont.eot?#iefix’<\/span>)<\/span> format<\/span>(<\/span>’embedded-opentype’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_italic-webfont.woff’<\/span>)<\/span> format<\/span>(<\/span>‘woff’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_italic-webfont.ttf’<\/span>)<\/span> format<\/span>(<\/span>‘truetype’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-weight<\/span>:<\/span> normal<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-style<\/span>:<\/span> italic<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
}<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
@<\/span>font-face <\/span>{<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-family<\/span>:<\/span> ‘THSarabunNew’<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_bold-webfont.eot’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>src<\/span>:<\/span> url<\/span>(<\/span>‘thsarabunnew_bold-webfont.eot?#iefix’<\/span>)<\/span> format<\/span>(<\/span>’embedded-opentype’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_bold-webfont.woff’<\/span>)<\/span> format<\/span>(<\/span>‘woff’<\/span>),<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>url<\/span>(<\/span>‘thsarabunnew_bold-webfont.ttf’<\/span>)<\/span> format<\/span>(<\/span>‘truetype’<\/span>);<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-weight<\/span>:<\/span> bold<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0 <\/span>font-style<\/span>:<\/span> normal<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
}<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0<\/span><\/td>\n<\/tr>\n
.<\/span>thsarabunnew<\/span>{<\/span>
\n<\/span><\/td>\n<\/tr>\n
\u00a0 \u00a0<\/span>font-family<\/span>:<\/span> ‘THSarabunNew’<\/span>,<\/span> sans-serif<\/span>;<\/span>
\n<\/span><\/td>\n<\/tr>\n
}<\/span>
\n<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n\n\n
<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/pre>\n","protected":false},"excerpt":{"rendered":"
<style type=”text\/css”> @font-face { font-family: THSarabun; src: url(‘fonts\/THSarabun\/thsarabun.eot’); src: url(‘fonts\/THSarabun\/thsarabun.eot?’) format(’embedded-opentype’), url(‘fonts\/THSarabun\/thsarabun.woff’) format(‘woff’), url(‘fonts\/THSarabun\/thsarabun.ttf’) format(‘truetype’), url(‘fonts\/THSarabun\/thsarabun.svg#THSarabunPSKRegular’) format(‘svg’); } #detail{ margin-left:25px; margin-right:25px; font-family:”THSarabun”, sans-serif;} <\/style><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[13],"tags":[],"class_list":["post-20438","post","type-post","status-publish","format-standard","hentry","category-13"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6cOVM-5jE","_links":{"self":[{"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/posts\/20438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20438"}],"version-history":[{"count":2,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/posts\/20438\/revisions"}],"predecessor-version":[{"id":20440,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=\/wp\/v2\/posts\/20438\/revisions\/20440"}],"wp:attachment":[{"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tom.tomwork.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}