рд╕реЗрдВрдЯреНрд░рд▓ рдмреИрдВрдХ рдСрдл рд░реВрд╕ рдиреЗ рд░реВрдмрд▓ рдХреЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдВрдХреЗрдд рдХреЛ рдордВрдЬреВрд░реА рджреЗ рджреА

рдЖрдЬ рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рддрд╛рд░реАрдЦ рд╣реИред рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдЬ 12/11/13 рд╣реИред рджреВрд╕рд░реЗ, рдЖрдЬ рд░реВрд╕ рдХреЗ рдХреЗрдВрджреНрд░реАрдп рдмреИрдВрдХ рдиреЗ рдЖрдЦрд┐рд░рдХрд╛рд░ рд░реВрдмрд▓ рдХреЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдВрдХреЗрдд рдХреЛ рдордВрдЬреВрд░реА рджреЗ рджреА рд╣реИ ред рдпрд╣ рдХрд╣рд╛рдиреА 2006 рдореЗрдВ рд╡рд╛рдкрд╕ рд╢реБрд░реВ рд╣реБрдИ, рдЬрдм рдЦрдВрдб 2.1 рдХрд╛рдиреВрди рдХреЗ рдЕрдиреБрдЪреНрдЫреЗрдж 4 рдореЗрдВ " рд░реВрд╕ рдХреЗ рдХреЗрдВрджреНрд░реАрдп рдмреИрдВрдХ " рдореЗрдВ рджрд┐рдЦрд╛рдИ рджрд┐рдпрд╛, рдЬрд┐рд╕рд╕реЗ рдХреЗрдВрджреНрд░реАрдп рдмреИрдВрдХ рдХреЛ рд░реВрдмрд▓ рдХреЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдВрдХреЗрдд рдХреЛ рдордВрдЬреВрд░реА рджреЗрдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдорд┐рд▓реА:

рдХрд╛рдиреВрди

рдПрдХ рд╕рд╛рд▓ рдмрд╛рдж, 2007 рдХреА рдЧрд░реНрдорд┐рдпреЛрдВ рдореЗрдВ, рд╡рд┐рд╢реЗрд╖рдЬреНрдЮреЛрдВ рдХрд╛ рдПрдХ рдкрд╣рд▓ рд╕рдореВрд╣ рдмрдирд╛рдпрд╛ рдЧрдпрд╛, рдЬрд┐рд╕рдореЗрдВ рдбрд┐рдЬрд╝рд╛рдЗрди рдбрд┐рдкреЛ, рдбреЗрдиреЗрдЯреЗрдЯ, рдбрд╛рдпрд░реЗрдХреНрдЯ рдбрд┐рдЬрд╝рд╛рдЗрди, рдЗрдореИрдбрд┐рд╕рд╛рдЗрди, рд▓реЗрдЯрд░рд╣реЗрдб, рдкреИрд░рд╛рдПрдЯрд╛рдЗрдк рдФрд░ рдЖрд░реНрдЯреЗрдо рд▓реЗрдмреЗрдбреЗрд╡ рд╕реНрдЯреВрдбрд┐рдпреЛ рд╢рд╛рдорд┐рд▓ рдереЗред 1 рдЕрдЧрд╕реНрдд 2007 рдХреЛ, рдЗрд╕ рд╕рдореВрд╣ рдиреЗ рдЬрдирддрд╛ рдХреЛ рдЙрд╕ рд░реВрдмрд▓ рдХрд╛ рд╕рдВрдХреЗрдд рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдпрд╛ рдЬрд┐рд╕реЗ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЪрд░реНрдЪрд╛ рдФрд░ рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЗ рдЖрджрд╛рди-рдкреНрд░рджрд╛рди рдХреЗ рджреМрд░рд╛рди рдЪреБрдирд╛ рдерд╛:

рдЫрд╡рд┐

рдЙрд╕ рд╕рдордп рд╕реЗ, рд╕рдВрдХреЗрдд рдЖрдо рдЙрдкрдпреЛрдЧ рдореЗрдВ рдЖ рдЧрдпрд╛ рд╣реИ рдФрд░ рдирд┐рдпрдорд┐рдд рд░реВрдк рд╕реЗ рд╡рд┐рдЬреНрдЮрд╛рдкрди рдФрд░ рдЕрдиреНрдп рд╕рд╛рдордЧреНрд░рд┐рдпреЛрдВ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред 5 рдирд╡рдВрдмрд░, 2013 рд╕реЗ 5 рджрд┐рд╕рдВрдмрд░, 2013 рддрдХ, рд╕реЗрдВрдЯреНрд░рд▓ рдмреИрдВрдХ рдиреЗ рдЕрдкрдиреА рд╡реЗрдмрд╕рд╛рдЗрдЯ рдкрд░ рд░реВрдмрд▓ рдХреЗ рд╕рдВрдХреЗрдд рдХреЗ рд▓рд┐рдП рд╡рд┐рднрд┐рдиреНрди рд╡рд┐рдХрд▓реНрдкреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡реЛрдЯ рдХреЗ рд╕рд╛рде рд╕рд╛рд░реНрд╡рдЬрдирд┐рдХ рдЪрд░реНрдЪрд╛ рдХреАред рдЗрд╕ рд╡реЛрдЯ рдФрд░ рдЪрд░реНрдЪрд╛ рдХреЗ рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк, рдкрдХреНрд╖ рдореЗрдВ 61% рд╡реЛрдЯреЛрдВ рдХреЗ рдкрд░рд┐рдгрд╛рдорд╕реНрд╡рд░реВрдк, рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд▓реЛрдХрдкреНрд░рд┐рдп рд╕рдВрдХреЗрдд рдХреЛ рдЕрдкрдирд╛рдпрд╛ рдЧрдпрд╛ рдерд╛:

рдЫрд╡рд┐

рдЗрд╕ рдирд┐рд░реНрдгрдп рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдХреНрдпрд╛ рдкрд░рд┐рдгрд╛рдо рд╣реИрдВ, рдЗрд╕ рддрдереНрдп рдХреЛ рджреЗрдЦрддреЗ рд╣реБрдП рдХрд┐ рдХрдИ рд▓реЛрдЧ рдкрд╣рд▓реЗ рд╣реА рдЗрд╕ рд╕рдВрдХреЗрдд рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдЪреБрдХреЗ рд╣реИрдВ? рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЕрдм рдЗрд╕ рд░реВрдмрд▓ рдХреЗ рдЪрд┐рд╣реНрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд╣реАрдВ рднреА рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рд╣реИ, рдЬрд┐рд╕рдореЗрдВ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рд╢рд╛рдорд┐рд▓ рд╣реИ, рдЬрд┐рд╕рдореЗрдВ рд░рд╛рдЬреНрдп рдирд┐рдХрд╛рдпреЛрдВ (рдлреЗрдбрд░рд▓ рдЯреИрдХреНрд╕ рд╕рд░реНрд╡рд┐рд╕, рдкреЗрдВрд╢рди рдлрдВрдб, рдЖрджрд┐) рдХреЛ рд╕реМрдВрдкреА рдЧрдИ рд╡рд┐рднрд┐рдиреНрди рд░рд┐рдкреЛрд░реНрдЯреЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИрдВред рджреВрд╕рд░реЗ, рдЗрд╕ рдмрд╛рдд рдХреА рдмрд╣реБрдд рдХрдо рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рд░реВрдмрд▓ рдЪрд┐рд╣реНрди рдХреЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд░реВрдк рд╕реЗ рдЕрдкрдирд╛рдиреЗ рд╕реЗ рдЖрдИрдПрд╕рдУ рдФрд░ рдпреВрдирд┐рдХреЛрдб рддрд╛рд▓рд┐рдХрд╛рдУрдВ рдореЗрдВ рдЗрд╕рдХреА рд╢реБрд░реВрдЖрдд рдореЗрдВ рддреЗрдЬреА рдЖрдПрдЧреА, рдЬрд┐рд╕рдХрд╛ рдЕрд░реНрде рд╣реИ рдХрд┐ рдпрд╣ рдлреЛрдВрдЯ рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛ (рдЕрдм, рдкреНрд░рджрд░реНрд╢рди рдХреЗ рд▓рд┐рдП рд╡реИрдХрд▓реНрдкрд┐рдХ рддрд░реАрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╣реЛрдЧрд╛)ред

рд░реВрд╕ рдХреЗ рд╕реЗрдВрдЯреНрд░рд▓ рдмреИрдВрдХ рдХреА рдкреНрд░реЗрд╕ рд╕реЗрд╡рд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ ред
.Ai рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рд░реВрдмрд▓ рдХрд╛ рдЪрд┐рд╣реНрди
Hirez .jpg рдкреНрд░рд╛рд░реВрдк рдореЗрдВ
рд╕реВрдЪрдирд╛ рдкреБрд╕реНрддрд┐рдХрд╛ ред
рд╕рдмрд╕реЗ рдЖрдо рдлреЛрдВрдЯ рдХреЗ рд▓рд┐рдП рд░реВрдмрд▓ рдЪрд┐рд╣реНрди рдХреЗ рд╕рд╛рде рдУрдкрди рдЯрд╛рдЗрдк рдкреНрд░рд╛рд░реВрдк рдореЗрдВ рдлрд╝реЙрдиреНрдЯ рдлрд╝рд╛рдЗрд▓ ред
рдкреНрд░рд╛рд░реВрдк eot , ttf , woff , svg рдореЗрдВ рд╕рдорд╛рди рдлрд╝реЙрдиреНрдЯ рдлрд╝рд╛рдЗрд▓ред

рд╕рд╛рдЗрдЯ рдкрд░ рдХреИрд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ?



рд╡рд┐рдХрд▓реНрдк рдПрдХ , рд╕рдмрд╕реЗ рдкреНрд░рдмрд▓рд┐рдд рдХрдВрдХреНрд░реАрдЯ: рдЪрд┐рддреНрд░ (jsFiddle)ред
HTML рдорд╛рд░реНрдХрдЕрдк
<style type="text/css"> img.ruble-img { height: 1.5ex; } span.dot { position:absolute; text-indent: -1000em; } </style> <p style="font-size:1em">  100 <img src="1450828327266717406244" class="ruble-img" /><span class="dot">.</span></p> <p style="font-size:1.2em">  100 <img src="1450828327266717406244" class="ruble-img" /><span class="dot">.</span></p> <p style="font-size:1.5em">  100 <img src="1450828327266717406244" class="ruble-img" /><span class="dot">.</span></p> <p style="font-size:2em">  100 <img src="1450828327266717406244" class="ruble-img" /><span class="dot">.</span></p> 



рд╡рд┐рдХрд▓реНрдк рджреЛ : рдЗрдирд▓рд╛рдЗрди рдлрд╝реЙрдиреНрдЯреНрд╕ (jsFiddle)ред
HTML рдорд╛рд░реНрдХрдЕрдк
 <style type="text/css"> @font-face { font-family: Rouble; src: url('https://dl.dropboxusercontent.com/s/qv78mhbjqo26n5l/rouble.eot?') format('eot'), url('http://www.artlebedev.ru/kovodstvo/sections/159/rouble.otf') format('opentype'), url('https://dl.dropboxusercontent.com/s/co69wedsqczon22/rouble.woff') format('woff'), url('https://dl.dropboxusercontent.com/s/rp3me8dv6dyqty2/rouble.ttf') format('truetype'), url('https://dl.dropboxusercontent.com/s/l28sv4fwyzfmflv/rouble.svg#ALSRubl') format('svg'); } span.rouble { font-family: Rouble; } </style> <p>   :<br/> Arial Regular: <span class="rouble">a</span><br/> Arial Italic: <span class="rouble">b</span><br/> Arial Bold: <span class="rouble">c</span><br/> Arial Bold Italic: <span class="rouble">d</span><br/> Georgia Regular: <span class="rouble">e</span><br/> Georgia Italic: <span class="rouble">f</span><br/> Georgia Bold: <span class="rouble">g</span><br/> Georgia Bold Italic: <span class="rouble">h</span><br/> Tahoma Regular: <span class="rouble">i</span><br/> Tahoma Bold: <span class="rouble">j</span><br/> Times Regular: <span class="rouble">k</span><br/> Times Italic: <span class="rouble">l</span><br/> Times Bold: <span class="rouble">m</span><br/> Times BoldItalic: <span class="rouble">n</span><br/> Lucida Sans: <span class="rouble">o</span><br/> Lucida Sans Bold: <span class="rouble">p</span><br/> Verdana Regular: <span class="rouble">q</span><br/> Verdana Italic: <span class="rouble">r</span><br/> Verdana Bold: <span class="rouble">s</span><br/> Verdana Bold Italic: <span class="rouble">t</span><br/> Futura: <span class="rouble">u</span><br/> Trump Mediaeval: <span class="rouble">v</span><br/> ITC Studio Script: <span class="rouble">w</span><br/></p> 



рд╡рд┐рдХрд▓реНрдк рддреАрди : рдПрд╕рд╡реАрдЬреА рдкреНрд░рд╛рд░реВрдк (jsFiddle) рдореЗрдВ рдПрдХ рдЪрд░рд┐рддреНрд░ ред
HTML рдорд╛рд░реНрдХрдЕрдк
 <style type="text/css"> span.roparent { // display:none; } .robject { width: 1.5ex; height: 1.5ex; } span.adot { position:absolute; text-indent: -1000em; // position: static; // text-indent: 0; } </style> <p style="font-size:1em">  100 <span class="roparent"> <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object> </span><span class="adot">.</span></p> <p style="font-size:1.2em">  100 <span class="roparent"> <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object> </span><span class="adot">.</span></p> <p style="font-size:1.5em">  100 <span class="roparent"> <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object> </span><span class="adot">.</span></p> <p style="font-size:2em">  100 <span class="roparent"> <object class="robject" name="object" data="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml"> <embed name="object2" src="http://www.artlebedev.ru/;-)/ruble.svg" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" /> </object> </span><span class="adot">.</span></p> 



рдЪреМрдерд╛ рд╡рд┐рдХрд▓реНрдк : рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЗ рд▓рд┐рдП "рдЖрдЗрдХрди" рдлрд╝реЙрдиреНрдЯ рдлрд╝реЙрдиреНрдЯ (4 рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рд╢реБрд░реВ) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ ред
HTML рдорд╛рд░реНрдХрдЕрдк
 <!DOCTYPE html> <html> <head> <title>FontAwesome</title> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> </head> <body> <i class="fa fa-rub"></i> fa-rub </body> </html> 

Source: https://habr.com/ru/post/In205636/


All Articles