Како да креирате сопствен фонт за Windows. Како да креирате сопствен рачно напишан фонт. FontCreator на руски - создавање фонтови

Здраво на сите.
Не така одамна, за да бидеме примени на испитите, наидовме на проблем - секој што пропуштил настава мораше да достави есеи напишани на рака. За 1-2 додавања 1 есеј, 2-5 поминува 2 есеи и така натаму. Секој апстракт е најмалку 10 листови. Не е тешко да се најде апстракт за некоја тема на Интернет, но како да ја пренесете целата работа на хартија со најмал труд?На интернет беа пронајдени многу руски рачно напишани фонтови (врска). Но, откако симнавте неколку копии од овие фонтови, стана јасно дека никој нема да верува во автентичноста на напишаното и не можете да поминете едноставен тест од наставникот кога тој ве замоли да напишете нешто со ист ракопис.Затоа беше одлучено направете свој рачно напишан фонт. Но како да направите фонт од вашиот ракописза никој да не може да го разликува, а вие мирно да покажете дека вие сте напишале?
Решението е пронајдено - прекрасната програма High-Logic FontCreator Professional 9

Фонт за ракопис

Ние инсталираме Font Creator, мислам дека не треба да има проблеми со ова.

1. На чист бел лист хартија ги пишуваме сите броеви, букви од руската и англиската азбука, како и специјалните. симболи.

​

1. Добиената азбука ја скенираме (по можност) или ја фотографираме.


2. Во Paint, Photoshop или кој било друг графички уредувач, отворете ја нашата скенирана (фотографирана) азбука.


3. Стартувајте го инсталираниот Креатор на фонтови:

• Кликнете на датотека (Датотека) - нова (Нова) или Ctrl + N

​

• Ние му даваме име на нашиот фонт од ракопис (мои-фонтови. ru ), штиклирајте Редовно и Не вклучувај контури (за празен преглед на силуети).

​

• Се појавува прозорец со силуети на знаци, англиски букви и некоја друга азбука. Сега да ги додадеме буквите од руската азбука:

​

1. Кликнете Вметни во горната линија и изберете Карактери.

​

2. Пред вас се појавува табела со буквите и симболите на вашиот фонт од вашиот ракопис; скролувајте до дното на табелата до буквите од руската азбука.

3. Изберете ја буквата „А“ и кликнете Додај, потоа изберете „Јас“ и исто така кликнете Додај.

4. На ист начин додадете ги буквите „Ё“, „е“ и буквите од другите азбуки што ви се потребни.

5. Во полето „Додај ги овие знаци…“, сменете ја запирката на цртичката помеѓу $0410-$044F.
6. Како резултат на тоа, во полето Додај ги овие знаци... треба да биде напишано вака: $0410-$044F,$0401,$0451

7. Кликнете Ok.

Руските симболи и сите букви и знаци што ги додадовте се појавуваат во вашиот шаблон.

Ги бришеме сите знаци што не ни требаат (освен првите четири, тие се системски).

Сега ајде да ја додадеме нашата скенирана (фотографирана) азбука во програмата за создавање фонтови:
Ако сè уште не сте го отвориле, тогаш е време да го направите тоа.
Во графичкиот уредувач, изберете ја првата буква и копирајте ( Ctrl +C) во Создавачот на фонтови, изберете ја оваа буква и кликнете вметнете ( Ctrl + V)

Продолжуваме да ги копираме и залепуваме сите букви на своето место. Како резултат на тоа, ја имаме следната слика.

Сега треба да ги поправите сите знаци; за да го направите ова, кликнете двапати на квадратот со вашата буква. Се отвора прозорец со црвени точки и буквата што ја избравте

Ајде да разбереме зошто се потребни:
Најниската линија 1 (Win Descent) е максималната граница за букви со опашка (ts, y, shch, z, r, d) сè што е под оваа линија нема да се печати.
Линија 2 (основна линија) е линијата за поддршка на секоја буква. Сите букви мора да се наоѓаат на оваа линија.
Линија 3 (x-висина) - максимална висина на мали букви.
Линија 4 (CapHeight) - максималната висина на големи букви, броеви, како и буквите „в“, „д“, „б“.
Линија 5 (WinAscent ) - горната граница на знаци, сè што е над оваа линија нема да се отпечати.
Левата (6) и десната (7) вертикални линии одредуваат како буквите од вашиот фонт ќе се допираат една со друга. Ако сакате буквите да се допираат како во ракописот, поместете ја буквата блиску до левата (6) и десната (7) преместете ја на буквата така што таа малку да лиже подалеку од линијата.

Ние ги прилагодуваме сите букви на линиите, инаку знаците на фонтот ќе бидат позиционирани случајно и, соодветно, нема да бидат убави.Пример за распоред на различни букви:

ОК сега е готово. Инсталирајте го вашиот фонт, стартувајте уредувач на текст, пронајдете го вашиот фонт и уживајте во користењето. Како да инсталирате фонт.

Доколку сте премногу мрзливи да направите се што е опишано погоре и сакате да добиете професионално изработен фонт од вашиот ракопис, ги чекаме вашите нарачки на нашата веб-страница

Направете свој фонт

Здраво дечки. Како што ветив, ви кажувам како да направите свој фонт.
Веднаш ќе кажам дека не давам врска за преземање на програмата овде, но нема да ви биде тешко да ја најдете сами. Програмата се вика High-Logic Font Creator, почнав со неа и тоа е наједноставниот начин да ги претворите буквите што ги цртате во вистински фонт. Доколку забележите некакви грешки, пишете, бидејќи сето ова е направено речиси интуитивно, а јас воопшто не се преправам дека сум маестрално извршување :) И како и обично, со кликнување ќе се отворат поголеми слики.
Пријатели кои професионално се занимаваат со фонтови, не пцујте, тука практично нема да има термини или правила. Постот е наменет за оние кои отсекогаш сакале да создадат вакво нешто, но не знаеле како да пристапат :)

Значи, првото нешто што треба да направиме е да нацртаме букви, бројки, симболи, односно се што ви треба. Овој комплет го нацртав за залиха, денес ќе го претворам во фонт. Нема мали мали букви, па нацртајте ги и тие за да го направите фонтот полн.

Јас цртам сè во Illustrator, но зависи од вас. Многу луѓе едноставно пишуваат на хартија и скенираат, тоа е исто така опција.
Следно, треба да ја зачувате секоја буква посебно. Тоа е тоа, сега отворете ја програмата.
Нашата прва акција е сосема очигледна: Датотека - Ново... Го гледаме прозорецот:

Во прозорецот внесете го името на нашиот фонт во полето Font Family name, изберете Unicode, Regular, Don't include outlines. Ова се моите поставки :)
Кликнете ОК, гледаме дека е отворен шаблон за фонт со сите можни букви, бројки и други симболи.

Не се сеќавам кој е стандардниот фонт, имам поставено шаблон за фонт Arial. За да го промените фонтот, да додадете букви, треба да отидете во Вметни - знаци, тоа е во горниот панел. Можете исто така да додадете кирилица таму, но тоа засега нема да го направиме.
Следно, најважно е да ги додадеме нашите букви. Најдете ја големата буква А и кликнете двапати на неа.
Гледаме прозорец со куп ќелии и ленти.

Паничиме, ја минимизираме програмата, вдишуваме длабоко и се враќаме назад. Сега Дина ќе објасни се.
Секоја лента има своја намена, но прво. Во овој прозорец, кликнете со десното копче каде било и кликнете Внеси слика.
Се сеќаваме каде ги зачувавме сите наши букви, пронајдете го нашето А, отворете го. Друг прозорец:

Нема ништо комплицирано овде, поместете го лизгачот, кликнете на сè што гледате, прегледот ќе ви каже кои поставки се најдобро да ги поставите. Сликата ја покажува мојата, можете да го пробате истото. Кликнете Генерирај. Еве го нашето писмо:

Значи, она што го гледаме: две вертикални ленти и пет хоризонтални.
Буквата треба да се наоѓа помеѓу две вертикални ленти, тие го означуваат растојанието пред и по буквата. Не ставајте ги премногу блиску или директно на буквата, инаку ќе биде хаос.

И сега за хоризонталните линии. Нема да ве оптоварувам со термини, популарно ќе ви објаснам:
1. Најгорната лента е максималното растојание над основната линија (4).
2. Второ од врвот е висината на големите букви.
3. Третата е висината на малите букви.
4. Основната линија по која се редат сите букви.
5. Максимално растојание под основната линија (4).

За да ги промените параметрите на хоризонталните линии, треба да ги отворите Settings во табулаторот Format. Препорачувам да ги гуглате параметрите на некои популарни фонтови и да ги користите како пример доколку сакате да промените нешто. Но јас не направив такво нешто :)

Како што можете да видите, ја зголемив буквата на линијата 2, CapHeight, останува само да ги прилагодите вертикалните ленти. Сакам да има пристојно растојание пред и по буквата, затоа ја оддалечувам самата буква од левата линија, а десната ја земам покрај црниот триаголник горе и ја доближувам до буквата. Како ова:

Токму тоа ќе го направам со сите мои големи букви. Ако додавате мали букви, направете ги во висина до линијата број 3.
Кога ќе ја поставиме буквата, едноставно го затвораме овој прозорец. Сите букви ќе си дојдат на своето место, а тоа е забележливо:

Имам буква Q со опашка, не сакам да се издвојува од општиот ред букви, па ја ставам на основната линија и ја оставам опашката подолу.
Направете го истото со сите мали букви (p, q, y, g, j), а некои, напротив, може да бидат малку повисоки од големата буква (d, b, k, f).

Сè уште не ми требаат бројки, па мојата слика изгледа вака:

Ако едвај чекате да ги испробате буквите во акција, тогаш одете во Датотека - Зачувај како, зачувајте го фонтот во формат .ttf предложен од програмата.
Го инсталираме фонтот, одиме до уредувачот на текст, го наоѓаме нашиот фонт, проверуваме. Работи!

Па, сега можете да се препуштите. Ја правиме најлошата фотографија од огнометот на 9 мај, правиме магија во Photoshop, пишуваме текст и Voila! :)

Не толку тешко, нели? Обидете се да го пробате и покажете ни ги резултатите :)

За да креирате фонтови, препорачувам да користите уредник FontCreatorод High-Logic. Веднаш ќе кажам дека програмата е платена, но ова е најдобрата опција што ми го привлече вниманието. Ако ви треба бесплатен уредувач на фонтови, обрнете внимание на програмата Напишете светлоод cr8software и онлајн услуга Глифр студио. Ќе се задржам на FontCreator (ако не се лажам, беше верзија 6.0).

Чекор 1:и така, стартувајте го уредникот и користејќи ја командата: Датотека > Ново(Датотека > Ново) - креирајте нов фонт. Во прозорецот што се отвора Нов фонт (од англиски) Нов фонт) , ќе треба да наведете голем број параметри:

• Семејно име на фонтот- име на семејството на фонтови, т.е. само името на фонтот, нешто слично Times New Roman, посочив Мојот фонт.
• Збир на знаци- збир на знаци вклучени во фонтот, препорачувам да изберете Уникод (знаци).
• Стил на фонт- стил на фонт, за секој стил треба да креирате посебна датотека. За обичен (стандарден) стил на фонт, изберете ја опцијата Редовни.
• Предефинирани контури- вградени кола. Препорачувам да ја изберете опцијата Не вклучувај контури, што ќе ви овозможи да креирате чист преглед на силуети.

Чекор 2:Пред вас ќе се појави прозорец со форма на силуети на некои симболи, бројки и латински букви. За додавање на кирилицана фонтот, треба да го направите следново:

2.1. Користејќи ја командата: Вметни > Знаци… (Вметни > Симболи...)- Отворете го прозорецот Вметнете знаци(од англиски) вметнување знаци).

Во овој случај, може да ја добиете следнава порака:

Оваа операција не може да се отповика. Дали сакате да продолжите?

Ве известува дека операцијата е неповратна и за да ја завршите треба да ја потврдите вашата акција, притиснете го копчето „ Да».

2.2. Следно, пред вас ќе се појави табела со симболи. За погодност, во списокот Фонтовиизберете фонт Ариал. На списокот Одете во блокот на Уникодизберете кирилица. Користење на теренот Избран лик, го гледа кодот за буквите „A“ (0410$) и „I“ (044$F). На терен Додајте ги овие знаци и/или опсези на знаци…ги додаваме потребните знаци и/или опсег на знаци, во нашиот случај тоа е: $0410-$044F . Кликнете на копчето " добро».

2.3. Симболите со кирилични букви ќе бидат додадени во вашата форма на фонт. На ист начин, но одделно, можете да ги додадете буквите „е“ (0451$) и „Ё“ (0401$), кои не беа вклучени во опсегот на знаци наведени во претходниот чекор.

Чекор 3:Сега можете да започнете да создавате симболи. Овде, покрај векторското уредување, со користење на соодветни алатки, FontCreator ви овозможува да креирате знаци од слики со нивно претворање во векторска слика. Очигледно, за секој симбол ќе треба да нацртате посебна слика.

3.1. Како пример цртам голема буква „А“.

3.2. Во принцип, по скенирањето, оваа датотека со слика може да се користи за увоз. За да го направите ова, изберете ја сликата на саканиот симбол во формата. Потоа користејќи ја командата: Алатки > Увези слика… (Алатки > Увоз на слика)- Отворете го прозорецот Увезете растерска слика (од англиски) увезете битмапа) .

3.3. Во прозорецот што се отвора, кликнете на копчето Вчитај…» (од англиски) преземете) и изберете ја датотеката со слики што ви треба.

3.4. Поместување на лизгачот Праг (од англиски) праг) Поставете го нивото на затемнување на сликата за да создадете појасен преглед. Можете исто така да користите филтри:

• Мазен филтер- филтер за измазнување.
• Еродира- заматување, го прави симболот похрабр.
• Проширете- растегнувањето го прави фонтот потенок.

Режим на увоз (од англиски) режим на увоз) подобро оставете го Трага, за претворање во криви. СО Негативни (од англиски) негативен) , мислам дека се е јасно. Затоа кликнете на копчето Генерирајте».

Чекор 4:Со префрлување во режим на уредување, двоен клик на симболот во формата, се што треба да направите е да ги поправите неправилностите, да ја прилагодите големината и да ја поставите линијата за вовлекување. Ќе треба да го сторите истото и за другите симболи.

Во принцип, процесот на создавање фонт не може да се нарече особено тежок. Ова бара трпение и многу време. Користејќи го уредувачот на фонтови FontCreator, овој пат може да се зачува на многу начини со увоз и конвертирање на слика на знак во вектор. Сепак, дури и оваа опција е многу работа. Тоа е се што имам. Ви благодариме за вниманието. Со среќа!

Ми се чини дека многу од оние кои се страстни за цртање букви и создавање букви во одреден момент имаат мисла: не треба ли сета оваа убавина да ја претвориме во фонт? За да можете не само да се восхитувате на специфичен состав, туку и да ги испечатите овие прекрасни букви на вистинска тастатура и да создадете уште поголема убавина... Па, барем мене така ми беше :) Кога сфатив дека можете да креирате фонт самиот, буквално ми се случи револуција на свеста (најверојатно тоа е токму она што на англиски се нарекува „аха-момент“).

И почнав да се обидувам да дознаам како да го направам тоа. Имаше малку информации, а она што имаше беше неразбирливо и сложено. Се изгубив во оваа густа шума со термини и речиси ја напуштив идејата да научам како да создавам фонтови. Но, по некое чудо не се откажав, продолжив да се обидувам и го направив мојот прв фонт Bronks - далеку од идеален, но многу вреден во однос на искуството. Патем, веќе пишував за тоа како е создаден Бронкс. И денес сакам да ви кажам подетално за процесот на креирање на фонт во целина, за да ви биде полесно да разберете дали ова е „ваша“ активност и дали би биле заинтересирани да ја испробате.

ФОНТОТ ЗАПОЧНУВА СО КРАТКО

ЦРТАЊЕТО ГЛИФИ Е ДЕЛО НА ДЕНОТ :)

Откако собрав храброст, односно инспирација, обично чекам да имам барем половина ден слободен (идеално цел ден) и седнувам да цртам хиероглифи. Глифи се знаците во фонтот, и букви и бројки, и сите тие симболи како плус, запирка, прашалник итн.

Колку широко цртам фонт - односно колку хиероглифи ќе создадам - ​​зависи директно од целната публика. Јасно е дека колку повеќе хиероглифи, толку е повреден фонтот, но во исто време има хиероглифи на кои вреди да се троши време, а има и такви кои не се толку многу (на пример, ако креирате стандарден фонт со рачен дрон за малите бизниси, широката јазична поддршка ќе биде многу порелевантна од сите, сите, сите математички знаци, од кои многу, да бидам искрен, првпат видов во програмата Glyphs :)). Детално за тоа кои хиероглифи треба да се нацртаат задолжително, а кои дополнително и во колкави количини, ќе зборувам во работилницата за креирање фонт на кој напорно работам (за тоа на крајот од белешката :)).

Можам накратко да кажам дека би советувал првиот фонт да биде едноставен и концизен, инаку, ако веднаш се обидете да ги направите и почетната и конечната верзија на буквите и да ја додадете кирилицата на латиницата, тогаш едноставно нема да завршите фонтот (а ако го пополните, веројатно нема да ви се исплати, бидејќи при правењето тип не можете без грешки, можноста да видите мали дамки и детали кои влијаат на квалитетот на фонтот се појавува само со вежбање). Затоа, најпрво најдобро е да се снајдете со стандарден сет на A-Z, a-z, 0-9, основни интерпункциски знаци.

Зошто посветувам половина ден на цртање фонт? Затоа што кога го „фаќате бранот“, односно чувствувате одреден стил, атмосферата на фонтот, подобро е да нацртате сè во едно движење, додека раката се развива. Ова веројатно повеќе се однесува на рачно напишаните фонтови (сè уште не сум пробал други). Ако го оставите настрана и се обидете да ги нацртате останатите букви подоцна, гарантирано е дека ќе се разликуваат и ќе биде потребно време повторно да ја „штиклирате раката“ и да почнете да паѓате во општиот стил.

Цртањето фонт е најкреативниот процес од сите. Ако наивно верувате дека создавањето фонтови е за креативност и прослава на инспирацијата, побрзам да ве разочарам: креативноста и цртањето букви заземаат најмногу 20% (обично помалку) од времето потребно за создавање фонт. Остатокот е технологија: скенирање, обработка, порамнување на азбуката, подесување, извоз во програма, проред и мерење, поставки за код, тестирање и сето тоа. Затоа, ако сакате само да цртате букви, а досадно ви е дури и да размислувате за техничкиот дел, тогаш подобро е да креирате букви.

ДИГИТАЛЕН ДЕЛ ОД ПРОЦЕСОТ

Откако ќе се нацрта фонтот, време е да се дигитализира. Мојот синџир за обработка изгледа вака: скенер - фотошоп - илустратор. Во скенерот ги поставувам максималните поставки, во Photoshop го зголемувам контрастот и ги чистам малку контурите, во Illustrator правам трага, ја наоѓам азбуката (т.е. ги редам буквите во низа, се обидувам да „склопам“ неколку зборови за да проверите како изгледа сè) и чисто-чисто- ги чистам буквите.

За фазата на чистење - порано мислев дека „зошто да го исчистам, тоа е рачно напишан фонт“. Но, подоцна овој детал беше откриен: колку повеќе точки во векторот, толку е поголема веројатноста фонтот да биде кабриолет на секој можен начин - од одбивањето на Glyphs (или друга програма во која ќе се состави фонтот) да ја извезат датотеката , до неможноста на крајните корисници да го користат без грешки. Затоа, минимум точки е клучот за удобност, и да, сепак треба да ги исчистите, дури и фонтови со текстура.

Чистам букви во Illustrator на неколку начини: прво, со магична гума од Астут Графикс (дел платен приклучок, за што зборувам), за жал, не знам за бесплатна алтернатива со барем приближен квалитет, второ, со стандарден молив на илустратор - го истакнувам прегледот и го правам попрецизен.

После тоа, го подготвувам фонтот за извоз - ова е посебна голема приказна, за која најверојатно ќе има неколку видеа - и ги пренесувам буквите на Glyphs.

ВАЖНА Е ДОБРА ПРОГРАМА ЗА ФОНТ

Составувањето фонт, односно претворање на векторски букви во функционални, каков што може да се напише на тастатура, теоретски може да се направи во различни програми. Ако пребарувате на Google, ќе најдете импресивни списоци на опции за секој вкус и буџет. Не наведувам имиња овде бидејќи не сум подготвен да препорачам нешто што не го знам/никогаш не сум пробал. Работам во програмата Glyphs и знам само дека сите сериозни дизајнери на типови (оние што продаваат фонтови) ги прават или во Glyphs или во Fontlab. Ова најверојатно се должи на фактот што поевтините/бесплатните програми не ги обезбедуваат сите опции што ви се потребни за да креирате интересни приказни за фонтови.

Едно време избрав глифи затоа што сакав, од една страна, веднаш да се навикнам на „правилната“ програма за фонтови (односно, онаа што може да се користи за да се создадат навистина внимателни, сложени фонтови богати со елементи и да не се лепат околу еден месец во некоја бесплатна).за после да дознаам дека таму не можеш да правиш условни лигатури), од друга страна не бев спремен да платам неколкукратно повеќе за Fontlab. Очигледно, изборот беше вистинскиот - познавам луѓе кои се префрлија од Fontlab на Glyphs и велат дека вториот има појасен интерфејс :)

Добрата програма за фонтови е важна затоа што тука се случува магичната трансформација на само букви во функционален фонт. Ако програмата не ви дозволува да креирате јазична поддршка, нема да можете да ја креирате. Ако не можете да додадете алтернативен сет на големи букви, тогаш нема да можете да ги додадете, дури и ако веќе сте ги нацртале.

По извозот на глифи, поставив многу различни работи: групи на букви, проред (негативен простор лево и десно од буквите, грубо кажано), керинг (растојанија помеѓу одредени парови букви), додавање јазична поддршка, лигатури (посебни варијанти на комбинации на букви), иницијални и финални опции (со долги опашки, шипки, цветни и сето тоа) и алтернативни комплети, доколку се предложат. Попатно, кодот е конфигуриран така што сè работи за крајниот корисник како што јас планирав, и без проблеми. Оваа фаза, која ја опишав во неколку реченици, е всушност она што одзема околу 70% од времето кога креирате фонт :) И накратко го опишувам не затоа што сум алчен, туку затоа што само за керинг може да напишете белешка во три пати подолга од ова, а сепак нема да биде доволна. Во курсот за фонтови, ќе се осврнам на сите овие точки многу детално (во моментов се обидувам да ја најдам линијата помеѓу „недоволно детално“ и „премногу информации за варење“).

Во ова упатство за статија ќе ви кажам како да креирате сопствен фонт за веб-локација користејќи икони што самите сте ги создале. Сè што ни е потребно за ова е програма за креирање векторска графика (Adobe Illustrator или Inkspcape) и пристап до Интернет!Па, ајде да започнеме! Можете да ги преземете сите слики, икони и фонтот css што се користат за ова на крајот од статијата.

За овој туторијал ќе направиме нешто едноставно. За првата икона ќе нацртаме обична ѕвезда. За втората икона - орел со буквата W внатре. Прилично е лесно да се црта и можете да креирате какви било форми и комбинации. За овие цели користев илустратор.

Откако ќе го завршите креативниот дел, вашата креација мора да се зачува во SVG формат. Кликнете на „Зачувај како“ и изберете го типот на датотека како SVG. Сега можете да продолжите директно со креирање на фонтот.

За овие цели, ја користиме популарната и бесплатна услуга IcoMoon.

Првото нешто што треба да направите е да креирате нов проект, па кликнете на менито во горниот лев агол и кликнете на „Нов проект“. Следно, ги вчитуваме нашите готови svg-датотеки откако ќе кликнете на копчето „Увези икони“. Откако ќе ги завршите овие чекори, треба да видите слика како оваа на вашиот монитор:

Сега имаме можност да го промениме кодот за секоја икона (во нашиот случај тоа ќе биде e600 и e601), името на нашиот фонт, префиксот CSS итн. Сето ова е направено во „Преференци“. Исто така, можеме да го видиме фонтот во акција со кликнување на врската „Овозможи брзо користење“ - што ќе ни овозможи да добиеме привремена врска до нашиот фонт, како и опција за прегледување на кодот во CodePen.

Откако ќе конфигурирате сè, кликнете на копчето „Преземи“ на дното на страницата и преземете ја архивата. Во оваа архива ќе го најдете вашиот фонт во формати ttf, eot, svg и woff + демо страница со фонтот.

Користење на икони на страницата

Сега, сè што ни треба е да го вклучиме фонтот CSS користејќи @font-face и да наведете други параметри (сите тие се запишани во датотеката css во архивата што сте ја преземале.

@font-face ( фонт-семејство: "wdm-eagle"; src: url("//yourwebsitename.com/fonts/wdm-eagle.eot"); , ( фонт-семејство: "wdm-eagle"; зборувајте: ниеден; стил на фонт: нормално; тежина на фонт: нормално; варијанта на фонт: нормално; текст-трансформација: нема; висина на линија: 1; /* Подобро прикажување на фонтот =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ) .wdm-star:before ( содржина: "\e600"; ) .wdm-eagle:before ( содржина: "\e601"; )

Сега можеме да го користиме нашиот фонт во HTML кодот вака:

Одредување на името на класата за ознаката ја добиваме нашата икона.