{"id":838,"date":"2010-06-07T20:29:09","date_gmt":"2010-06-07T14:59:09","guid":{"rendered":"https:\/\/2thenew.today\/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:\/\/2thenew.today\/blog\/accessing-remote-fonts-on-clients-system-by-font-face\/","title":{"rendered":"Accessing remote fonts on Client’s system by @font-face"},"content":{"rendered":"

@font-face <\/code>allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts.
\n
\nWe Use it<\/strong>
\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

and upload server where we access.<\/p>\n

II. Create in css This Syntex<\/strong><\/p>\n

\n
@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
III. We acces in html page as class or Id and define body tag font-family<\/p>\n
Values<\/h3>\n
<a-remote-font-name><\/p>\n
Specifies a font name that will be used as font face value for font properties.<\/p>\n
<source><\/p>\n
URL for the remote font file location, or the name of a font on the user’s computer in the form local(\"Font Name\")<\/code>.<\/p>\n
<weight><\/p>\n
A Font-weight value.<\/p>\n
You can specify a font on the user’s local computer by name using the local()<\/code> syntax. If that font isn’t found, other sources will be tried until one is found.
\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
Supported font formats<\/h3>\n