{"id":838,"date":"2010-06-07T20:29:09","date_gmt":"2010-06-07T14:59:09","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=838"},"modified":"2010-06-30T14:14:54","modified_gmt":"2010-06-30T08:44:54","slug":"accessing-remote-fonts-on-clients-system-by-font-face","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/accessing-remote-fonts-on-clients-system-by-font-face\/","title":{"rendered":"Accessing remote fonts on  Client&#8217;s system by @font-face"},"content":{"rendered":"<p><code>@font-face <\/code>allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts.<br \/>\n<strong><br \/>\nWe Use it<\/strong><br \/>\nI.We choose\u00a0 font and\u00a0 we have right now. First of all\u00a0 font format generate four another format as like(ttf, eot,otf,svg,woff)<\/p>\n<p>and upload server where we access.<\/p>\n<p>II. Create  in css This <strong>Syntex<\/strong><\/p>\n<blockquote>\n<pre lang=\"groovy\">@font-face {\r\nfont-family: 'PalatinoRegular';\r\n src: url('palatino-webfont.eot');\r\n src: local('Palatino'), local('Palatino'),\r\nurl('palatino-webfont.woff') format('woff'),\r\nurl('palatino-webfont.ttf') format('truetype'),\r\n url('palatino-webfont.svg#webfontoXFrZcNP') format('svg');\r\nfont-weight: normal;\r\nfont-style: normal;\r\n}<\/pre>\n<\/blockquote>\n<p>III. We acces in html page as class or Id and define body tag font-family<\/p>\n<h3>Values<\/h3>\n<p>&lt;a-remote-font-name&gt;<\/p>\n<p>Specifies a font name that will be used as font face value for font properties.<\/p>\n<p>&lt;source&gt;<\/p>\n<p>URL for the remote font file location, or the name of a font on the user&#8217;s computer in the form <code>local(\"Font Name\")<\/code>.<\/p>\n<p>&lt;weight&gt;<\/p>\n<p>A Font-weight value.<\/p>\n<p>You can specify a font on the user&#8217;s local computer by name using the <code>local()<\/code> syntax. If that font isn&#8217;t found, other sources will be tried until one is found.<strong><br \/>\nNote:<\/strong> When not avaible font local machine . This time\u00a0 @font- face download fonts in browser temporary download font and display text<\/p>\n<h3>Supported font formats<\/h3>\n<ul>\n<li>Internet      Explorer (all versions): EOT<\/li>\n<li>Safari      (3.2+): TTF \/ OTF<\/li>\n<li>iPhone      (3.1) SVG<\/li>\n<li>Chrome      (all versions): SVG (TTF\/OTF added 25th Jan 2010)<\/li>\n<li>Firefox      (3.5+): TTF\/OTF (.WOFF added 3.6)<\/li>\n<li>Opera      (10+) TTF\/OTF<\/li>\n<\/ul>\n<h3>Browser compatibility<\/h3>\n<table border=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>Browser<\/td>\n<td>Lowest version<\/td>\n<td>Support of<\/td>\n<\/tr>\n<tr>\n<td>Internet Explorer<\/td>\n<td><strong>4.0<\/strong><\/td>\n<td>Embedded OpenType fonts only<\/td>\n<\/tr>\n<tr>\n<td rowspan=\"2\">Firefox (Gecko)<\/td>\n<td><strong>3.5<\/strong> (1.9.1)<\/td>\n<td>TrueType and OpenType fonts only<\/td>\n<\/tr>\n<tr>\n<td><strong>3.6<\/strong> (1.9.2)<\/td>\n<td>Web Open Font Format (WOFF)<\/td>\n<\/tr>\n<tr>\n<td>Opera<\/td>\n<td><strong>10.0<\/strong><\/td>\n<td>TrueType and OpenType fonts only<\/td>\n<\/tr>\n<tr>\n<td>Safari (WebKit)<\/td>\n<td><strong>3.1<\/strong> (525)<\/td>\n<td>TrueType and OpenType fonts only<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>## Umar Pahat##<br \/>\n<a>umar@intelligrape.com<\/a><br \/>\n<a>www.IntelliGrape.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>@font-face allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts. We Use it I.We choose\u00a0 font and\u00a0 we have right now. First of all\u00a0 font format generate four another format as like(ttf, eot,otf,svg,woff) and upload server where we access. II. Create in css [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":10},"categories":[1],"tags":[245,24,255],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/838"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=838"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/838\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}