Windows үшін өзіңіздің қаріпіңізді қалай жасауға болады. Өз қолыңызбен жазылған қаріпті қалай жасауға болады. FontCreator орыс тілінде – қаріптер жасау
Бәріңе сәлем.
Жақында емтиханға жіберілу үшін біз бір мәселеге тап болдық - сабақтан қалғандардың барлығы қолмен жазылған эсселерді тапсыру керек болды. 1-2 өтуге 1 эссе, 2-5 өтуге 2 эссе және т.б. Әр реферат кемінде 10 парақтан тұрады. Интернетте тақырып бойынша реферат табу қиын емес, бірақ барлық нәрсені қағазға қалай аз күш жұмсауға болады?Интернетте көптеген орыс қолжазба шрифттері табылды (сілтеме). Бірақ, осы қаріптердің бірнеше көшірмелерін жүктеп алған соң, жазылғанның шынайылығына ешкім сенбейтіні белгілі болды және қарапайым тексеруМұғалім сол қолжазбамен бірдеңе жазуымды сұрағанда, мен өте алмаймын.Сондықтан шешім қабылданды өз қолыңызбен шрифт жасаңыз. Бірақ қолжазбаңыздан қаріпті қалай жасауға боладыЕшкім оны ажырата алмас үшін және сіз жазған сіз екеніңізді байсалды түрде көрсете аласыз ба?
Шешім табылды - тамаша High-Logic FontCreator Professional 9 бағдарламасы
Қолжазба шрифті
Біз Font Creator орнатамыз, менің ойымша, бұл мәселеде ешқандай проблемалар болмауы керек.
- Таза ақ қағазға біз барлық сандарды, орыс және ағылшын алфавитінің әріптерін, сондай-ақ ерекшелерді жазамыз. символдар.
- Алынған алфавитті сканерлейміз (дұрысы) немесе суретке түсіреміз.
- Paint, Photoshop бағдарламаларында немесе кез келген басқа графикалық редакторсканерленген (фотосуретке түсірілген) әліпбиімізді ашыңыз.
- Орнатылған қаріп жасаушыны іске қосыңыз:
- Файлды басыңыз (Файл) - жаңа (Жаңа) немесе Ctrl + N
- Қаріпімізге қолжазбадан атау береміз (менің қаріптерім. ru ), Тұрақты және Контурларды қоспаңыз (тәліштердің бос сұлбасы үшін) құсбелгілерін қойыңыз.
- Белгілердің, ағылшын әріптерінің және басқа да алфавиттердің силуэттері бар терезе пайда болады. Енді орыс алфавитінің әріптерін қосамыз:
1. Жоғарғы жолдағы Кірістіру түймесін басып, Таңбалар таңдаңыз.
2. Сіздің алдыңызда қолжазбаңыздан сіздің қаріпіңіздің әріптері мен таңбалары бар кесте пайда болады, кестенің төменгі жағына қарай орыс алфавитінің әріптеріне жылжыңыз.
3. «A» әрпін таңдап, «Қосу» түймесін басыңыз, содан кейін «I» таңдаңыз, сонымен қатар Қосу түймесін басыңыз.
4. Дәл осылай «Ё», «е» әріптерін және басқа да қажет алфавиттердің әріптерін қосыңыз.
5. «Осы таңбаны қосу...» өрісінде үтірді $0410-$044F арасындағы сызықшаға өзгертіңіз.6. Нәтижесінде, Add these character... өрісінде келесідей жазылуы керек: $0410-$044F,$0401,$0451
7. Ok түймесін басыңыз.
Орыс таңбалары және сіз қосқан барлық әріптер мен белгілер шаблоныңызда пайда болады.
Біз барлық қажет емес таңбаларды жоямыз (алғашқы төртеуінен басқа, олар жүйелік).
Егер сіз оны әлі ашпаған болсаңыз, оны ашудың уақыты келді.
Графикалық редакторда бірінші әріпті таңдап, көшіріңіз ( Ctrl +C) Font Creator қолданбасында осы әріпті таңдап, кірістіру ( Ctrl + V)
Ең төменгі 1-жол (Win Descent) – құйрығы бар әріптерге арналған максималды шек (ts, y, shch, z, r, d) осы жолдан төмен барлық нәрсе басып шығарылмайды.
2-жол (негізгі сызық) - әр әріптің тірек сызығы. Барлық әріптер осы жолда орналасуы керек.
3-жол (x-Height) – кіші әріптердің максималды биіктігі.
4-жол (CapHeight) - үлкен әріптердің, сандардың, сондай-ақ «c», «d», «b» әріптерінің максималды биіктігі.
5-жол (WinAscent ) - таңбалардың жоғарғы шегі, осы жолдан жоғары барлық нәрсе басып шығарылмайды.
Сол (6) және оң (7) тік сызықтар қаріптің әріптерінің бір-біріне қалай тиетінін анықтайды. Қолжазбадағыдай әріптердің бір-біріне тиіп тұруын қаласаңыз, әріпті сол жаққа (6) жақындатыңыз, ал оң жақты (7) әріпке қарай жылжытыңыз, сонда ол сызықтан сәл асып кетеді.
Біз барлық әріптерді жолдарға реттейміз, әйтпесе қаріп таңбалары кездейсоқ орналасады және сәйкесінше әдемі болмайды.Әртүрлі әріптердің орналасуына мысал:
Сонымен бітті. Қаріпті орнатып, іске қосыңыз мәтіндік редактор, қаріпіңізді тауып, оны пайдаланудан ләззат алыңыз. Қаріпті қалай орнатуға болады.
Егер сіз жоғарыда сипатталғанның бәрін орындауға жалқау болсаңыз және қолжазбаңыздан кәсіби түрде жасалған шрифт алғыңыз келсе, біз сіздің тапсырыстарыңызды біздің веб-сайтта күтеміз.
Өз қаріпіңізді жасаңыз
Сәлем балалар. Уәде етілгендей, мен сізге өзіңіздің қаріпіңізді қалай жасау керектігін айтамын.
Мен бірден айтамын, мен бұл жерде бағдарламаны жүктеп алуға сілтеме бермеймін, бірақ оны өзіңіз табу қиын болмайды. Бағдарлама High-Logic Font Creator деп аталады, мен онымен бастадым, және бұл ең қарапайым жолсіз салған әріптерді нақты қаріпке айналдырыңыз. Егер сіз қандай да бір қателерді байқасаңыз, жазыңыз, өйткені мұның барлығы дерлік интуитивті түрде жасалды, мен өзімді мүлде шебер орындаған деп көрсетпеймін :) Және әдеттегідей, басу арқылы үлкенірек кескіндер ашылады.
Қаріптермен кәсіби түрде айналысатын достар ант бермейді, мұнда ешқандай шарттар мен ережелер болмайды. Пост әрқашан осындай нәрсені жасағысы келген, бірақ қалай жақындау керектігін білмегендерге арналған :)
Сонымен, бізге бірінші кезекте әріптерді, сандарды, белгілерді, яғни сізге қажет нәрсенің бәрін салу керек. Мен бұл жинақты қор үшін салдым, бүгін мен оны шрифтке айналдырамын. Кіші кіші әріптер жоқ, сондықтан қаріпті толық ету үшін оларды да сызыңыз. 
Мен бәрін Illustrator бағдарламасында саламын, бірақ бұл сізге байланысты. Көптеген адамдар жай ғана қағазға жазып, сканерлейді, бұл да опция.
Әрі қарай әр әріпті бөлек сақтау керек. Міне, енді бағдарламаны ашыңыз.
Біздің бірінші әрекетіміз анық: Файл - Жаңа... Біз терезені көреміз:
Терезеде Қаріптер тегі жолына қаріпіміздің атын енгізіп, Юникод, Тұрақты, Контурларды қоспау опциясын таңдаңыз. Бұл менің баптауларым :)
OK түймесін басыңыз, біз қаріп үлгісінің барлығымен ашылғанын көреміз мүмкін әріптер, сандар және басқа белгілер.
Әдепкі қаріптің не екені есімде жоқ, менде Arial қаріп үлгісі бар. Қаріпті өзгерту, әріптерді қосу үшін Кірістіру - Таңбалар бөліміне өту керек жоғарғы панель. Ол жерге кириллицаны да қосуға болады, бірақ біз оны әзірше жасамаймыз.
Әрі қарай, ең бастысы - әріптерімізді қосу. Бас әріпті табыңыз және оны екі рет басыңыз.
Біз ұяшықтары мен жолақтары бар терезені көреміз.
Біз үрейленіп, бағдарламаны азайтып, терең тыныс алып, артқа ораламыз. Енді Дина бәрін түсіндіреді.
Әрбір жолақтың өз мақсаты бар, бірақ бірінші кезекте. Бұл терезеде кез келген жерді тінтуірдің оң жақ түймешігімен басып, Кескінді импорттау түймесін басыңыз.
Біз барлық әріптерімізді қайда сақтағанымызды есімізге түсіреміз, А-мызды табыңыз, ашыңыз. Басқа терезе:
Мұнда күрделі ештеңе жоқ, жүгірткіні жылжытыңыз, көргендердің барлығын басыңыз, алдын ала қарау сізге қай параметрлерді орнатудың жақсы екенін айтады. Суретте менікі көрсетілген, сіз де солай жасап көріңіз. Жасау түймесін басыңыз. Міне, біздің хатымыз:
Сонымен, біз не көреміз: екі тік жолақ және бес көлденең жолақ.
Хат екі тік жолақтың арасында орналасуы керек, олар әріпке дейін және одан кейінгі қашықтықты көрсетеді. Оларды тым жақын немесе тікелей хатқа қоймаңыз, әйтпесе бұл тәртіпсіздік болады.
Ал енді көлденең сызықтар туралы. Мен сізге шарттарды жүктемеймін, мен оны көпшілікке түсіндіремін:
1. Ең жоғарғы жолақ – негізгі сызықтан (4) ең жоғары қашықтық.
2. Жоғарыдан екінші – бас әріптердің биіктігі.
3. Үшіншісі – кіші әріптердің биіктігі.
4. Барлық әріптер тізілген негізгі сызық.
5. Негізгі сызықтан төмен ең үлкен қашықтық (4).
Көлденең сызықтардың параметрлерін өзгерту үшін Пішім қойындысында Параметрлерді ашу керек. Мен кейбір танымал қаріптердің параметрлерін Google іздеуді және бірдеңені өзгерткіңіз келсе, оларды мысал ретінде пайдалануды ұсынамын. Бірақ мен ондай ештеңе жасамадым :)
Көріп отырғаныңыздай, мен әріпті CapHeight 2-жолға көбейттім, тек тік жолақтарды реттеу ғана қалады. Мен әріпке дейін және одан кейін лайықты қашықтық болғанын қалаймын, сондықтан мен әріптің өзін сол жақ жолдан алшақтатып, оң жақ бөлігін жоғарыдағы қара үшбұрыштан алып, әріпке жақындатамын. Бұл сияқты:
Мен барлық бас әріптермен дәл осылай жасаймын. Егер сіз кіші әріптерді қоссаңыз, олардың биіктігін №3 жолға дейін қойыңыз.
Әріпті орналастырғаннан кейін біз бұл терезені жай ғана жабамыз. Барлық әріптер орнына түседі және бұл байқалады:
Менде құйрығы бар Q әрпі бар, мен оның жалпы әріптер қатарынан ерекшеленуін қаламаймын, сондықтан оны негізгі сызыққа қойып, құйрықты төменде қалдырамын.
Барлық кіші әріптермен бірдей әрекет жасаңыз (p, q, y, g, j), ал кейбіреулері, керісінше, бас әріптен (d, b, k, f) сәл жоғары болуы мүмкін.
Маған әлі сандар қажет емес, сондықтан менің суретім келесідей:
Егер сіз әріптерді қолданып көруді күте алмасаңыз, Файл - Басқаша сақтау тармағына өтіңіз, қаріпті бағдарлама ұсынған .ttf пішімінде сақтаңыз.
Қаріпті орнатамыз, мәтіндік редакторға барамыз, қаріпімізді табамыз, тексереміз. Жұмыс істейді!
Ал, енді сіз рахат аласыз. Біз 9 мамырда отшашудың ең нашар суретін түсіреміз, Photoshop-та сиқыр жасаймыз, мәтінді тереміз және voila! :)
Соншалықты қиын емес, иә? Міндетті түрде көріңіз және нәтижені көрсетіңіз :)
Қаріптерді жасау үшін редакторды пайдалануды ұсынамын FontCreator High-Logic сайтынан. Мен бағдарламаның ақылы екенін бірден айтамын, бірақ бұл менің көзіме түскен ең жақсы нұсқа. Қажет болса тегін редакторқаріптер, бағдарламаға назар аударыңыз Жарық теріңіз cr8software және онлайн қызметі Glyphr студиясы. Мен FontCreator-мен жұмыс істеймін (қателеспесем, бұл 6.0 нұсқасы болды).
1-қадам:және осылайша, редакторды іске қосыңыз және пәрменді пайдаланыңыз: Файл > Жаңа(Файл > Жаңа) - жаңа қаріп жасау. Ашылған терезеде Жаңа қаріп (ағылшын тілінен) Жаңа қаріп ) , сізге бірқатар параметрлерді көрсету қажет:
- Қаріптер тегі- қаріптер тобының атауы, яғни. қаріптің аты ғана, соған ұқсас нәрсе Times New Roman, деп көрсеттім Менің қаріпім.
- Таңбалар жинағы- қаріпке енгізілген таңбалар жиынтығы, таңдауды ұсынамын Юникод (таңбалар).
- Қаріп стилі- шрифт стилі, әрбір стиль үшін жеке файл жасау керек. Қалыпты (әдепкі) қаріп мәнері үшін опцияны таңдаңыз Тұрақты.
- Алдын ала анықталған контурлар- кірістірілген схемалар. Тұлпарлардың таза контурын жасауға мүмкіндік беретін «Сурбаларды қоспау» опциясын таңдауды ұсынамын.
2-қадам:Сіздің алдыңызда кейбір белгілердің, сандар мен силуэттердің пішіні бар терезе пайда болады Латын әріптері. Үшін кириллица әліпбиін қосуқаріп үшін келесі әрекеттерді орындау керек:
2.1. Пәрменді пайдалану: Кірістіру > Таңбалар… (Кірістіру > Таңбалар...)- Терезені аш Таңбаларды кірістіру(ағылшын тілінен) таңбаларды енгізу).
Бұл жағдайда сіз келесі хабарламаны аласыз:
Бұл әрекетті қайтару мүмкін емес. Жалғастырғыңыз келе ме?
Ол сізге операцияның қайтымсыз екенін хабарлайды және оны аяқтау үшін әрекетіңізді растауыңыз керек, « түймесін басыңыз. Иә».
2.2. Әрі қарай, сіздің алдыңызда таңбалар кестесі пайда болады. Ыңғайлы болу үшін тізімде Қаріптерқаріпті таңдаңыз Arial. Тізімде Юникод блогына өтіңізтаңдаңыз Кириллица. Өрісті пайдалану Таңдалған таңба, «A» ($0410) және «I» ($044F) әріптерінің кодын қараңыз. Алаңда Осы таңбаларды және/немесе таңбалар ауқымын қосыңыз…біз қажетті таңбаларды және/немесе таңбалар ауқымын қосамыз, біздің жағдайда бұл: $0410-$044F . түймешігін басыңыз " ЖАРАЙДЫ МА».
2.3. Қаріп пішініңізге кириллица әріптерінің таңбалары қосылады. Дәл осылай, бірақ бөлек, алдыңғы қадамда көрсетілген таңбалар ауқымына қосылмаған «е» ($0451) және «Ё» ($0401) әріптерін қосуға болады.
3-қадам:Енді символдарды жасауға кірісуге болады. Мұнда векторлық өңдеуден басқа, сәйкес құралдарды пайдалана отырып, FontCreator векторлық кескінге түрлендіру арқылы суреттерден символдар жасауға мүмкіндік береді. Әлбетте, әрбір таңба үшін жеке сурет салу керек болады.
3.1. Мысал ретінде мен бас «А» әрпін саламын.
3.2. Негізінде, сканерлеуден кейін бұл кескін файлын импорттау үшін пайдалануға болады. Ол үшін пішіндегі суретті таңдаңыз қалаған таңба. Содан кейін пәрменді пайдалану: Құралдар > Кескінді импорттау… (Құралдар > Кескінді импорттау)- Терезені аш Растрлық кескінді импорттау (ағылшын тілінен) нүктелік кескінді импорттау) .
3.3. Ашылған терезеде түймені басыңыз Жүктеу…» (ағылшын тілінен) жүктеп алу) және қажет сурет файлын таңдаңыз.
3.4. Слайдерді жылжыту Табалдырық (ағылшын тілінен) табалдырық) Анық контур жасау үшін кескіннің күңгірттену деңгейін орнатыңыз. Сіз сондай-ақ сүзгілерді пайдалана аласыз:
- Тегіс сүзгі- тегістеу сүзгісі.
- Эрозия- бұлыңғыр, таңбаны қалыңырақ етеді.
- Кеңейту- созылу қаріпті жұқа етеді.
Импорттау режимі (ағылшын тілінен) импорттау режимі) қалдырған жөн Із, қисықтарға түрлендіру үшін. МЕН Теріс (ағылшын тілінен) теріс) , Менің ойымша, бәрі түсінікті. Сондықтан түймені басыңыз Жасау».
4-қадам:Өңдеу режиміне ауысу арқылы пішіндегі таңбаны екі рет шерту арқылы, сізге тек бұзушылықтарды түзету, өлшемді реттеу және шегініс жолын орнату қажет. Басқа таңбалар үшін де солай істеу керек.
Жалпы, қаріп жасау процесін ерекше қиын деп атауға болмайды. Бұл шыдамдылық пен көп уақытты қажет етеді. FontCreator қаріп өңдегішін пайдаланып, бұл уақытты таңба кескінін векторға импорттау және түрлендіру арқылы көптеген жолдармен сақтауға болады. Дегенмен, бұл опцияның өзі көп жұмыс. Менде бар болғаны осы. Назарларыңызға рахмет. Іске сәт!
Меніңше, әріп салуға, әріп жасауға құмарлардың көбісі бір кездері мынандай әдемілікті қаріпке айналдыру керек емес пе? Белгілі бір композицияға тамсанып қана қоймай, осы әдемі әріптерді шынайы пернетақтада басып шығарып, одан да сұлулық жасай алуыңыз үшін... Қалай болғанда да, мен үшін солай болды :) Қаріпті жасауға болатынын түсінгенде Өзіңіз ойласаңыз, бұл менімен сананың төңкерісі болды (мүмкін бұл ағылшын тілінде «aha-moment» деп аталатын нәрсе).
Мен мұны қалай жасауға болатынын анықтауға тырыстым. Ақпарат аз болды, ал бар нәрсе түсініксіз және күрделі болды. Мен осы қалың терминдер орманында адасып қалдым және қаріптерді жасауды үйрену идеясын дерлік тастадым. Бірақ қандай да бір кереметтің арқасында мен бас тартпадым, мен тырысуды жалғастырдым және бірінші қаріпімді Bronks жасадым - идеалдан алыс, бірақ тәжірибе тұрғысынан өте құнды. Айтпақшы, мен Бронкстың қалай құрылғаны туралы жазғанмын. Ал бүгін мен сізге қаріпті тұтастай жасау процесі туралы толығырақ айтып бергім келеді, бұл сізге бұл «сіздің» әрекетіңіз ме және оны сынауға қызығушылық танытатындығыңызды түсіну оңайырақ болар еді.
ШАРІП ҚЫСҚА МӨСІМДЕН БАСТАЛАДЫ
ГЛИФТЕР СУРЕТУ - КҮНДІҢ ЖҰМЫСЫ :)
Батылдығымды, яғни шабытымды жинап, мен әдетте кем дегенде жарты күн бос болғанша күтемін (дұрыс күні бойы) және глифтерді салу үшін отырамын. Глифтер – қаріптегі таңбалар, әріптер де, сандар да және қосу, үтір, сұрақ белгісі және т.б.
Қаріпті қаншалықты кең түрде сызатыным, яғни қанша глиф жасайтыным тікелей мақсатты аудиторияға байланысты. Глифтер неғұрлым көп болса, шрифт соғұрлым құнды болатыны анық, бірақ сонымен бірге уақыт жұмсауға тұрарлық глифтер бар және онша көп емес (мысалы, стандартты қол дрон шрифтін жасасаңыз) шағын бизнес үшін кең тілді қолдау барлық математикалық белгілерге қарағанда әлдеқайда өзекті болады, олардың көпшілігін, шынымды айтсам, Glyphs бағдарламасында бірінші рет көрдім :)). Мен қандай глифтерді міндетті түрде салу керектігі туралы және қайсысын қосымша және қандай мөлшерде, мен көп жұмыс істеп жатқан қаріпті жасау туралы шеберханада егжей-тегжейлі сөйлесемін (бұл туралы жазбаның соңында :)).
Қысқаша айта аламын, мен бірінші қаріпті қарапайым және қысқа етіп жасауға кеңес берер едім, әйтпесе әріптердің бастапқы және соңғы нұсқасын жасауға тырыссаңыз және латын әліпбиіне кирилл әліпбиін қоссаңыз, онда сіз жай ғана аяқтамайсыз. шрифт (және егер сіз оны аяқтасаңыз, оның ақталуы екіталай, өйткені теру кезінде қатесіз жасай алмайсыз, қаріптің сапасына әсер ететін шағын дақтар мен бөлшектерді көру мүмкіндігі тек тәжірибеде пайда болады). Сондықтан, ең алдымен стандартты ұстанған дұрыс A-Z орнатыңыз, a-z, 0-9, негізгі тыныс белгілері.
Неліктен мен жарты күнімді қаріп салуға арнаймын? Өйткені сіз «толқынды ұстаған кезде», яғни белгілі бір стильді, қаріптің атмосферасын сезінесіз, қол дамып жатқанда бәрін бір қозғалыста салған дұрыс. Бұл қолжазба қаріптерге көбірек қатысты болуы мүмкін (басқаларды әлі қолданып көрмедім). Егер сіз оны бір жаққа қойып, қалған әріптерді кейінірек сызуға тырыссаңыз, олар басқаша болатынына кепілдік беріледі және қайтадан «қолыңызды баптау» және жалпы стильге түсе бастау үшін уақыт қажет.
Шрифт салу - ең шығармашылық процесс. Егер сіз қаріптерді жасау шығармашылықпен және шабыт мерекесімен байланысты деп ойласаңыз, мен сізді ренжітуге асығамын: шығармашылық және сурет салу әріптері шрифт жасауға кететін уақыттың ең көбі 20% (әдетте азырақ) алады. Қалғаны – технология: сканерлеу, өңдеу, алфавитті туралау, баптау, бағдарламаға экспорттау, интервал және кернге қою, код параметрлері, тестілеу және осының бәрі. Сондықтан, егер сіз тек әріптерді салғыңыз келсе және техникалық бөлік туралы ойлану сізді жалықтыратын болса, онда әріптерді жасаған дұрыс.
ПРОЦЕСТІҢ ЦИФРЛЫҚ БӨЛІГІ
Қаріп сызылғаннан кейін оны цифрлау уақыты келді. Менің өңдеу тізбегім келесідей көрінеді: сканер - фотошоп - иллюстратор. Сканерде мен максималды параметрлерді орнатамын, Photoshop-та мен контрастты арттырамын және контурларды аздап тазартамын, Illustrator бағдарламасында із саламын, алфавитті табамын (яғни әріптерді ретімен орналастырамын, «жинақтауға» тырысамын). Барлығы қалай көрінетінін тексеру үшін бірнеше сөз) және таза-таза- мен әріптерді тазалап жатырмын.
Тазалау кезеңі туралы - мен бұрын «оны тазалаудың қажеті жоқ, бұл қолмен жазылған шрифт» деп ойлайтынмын. Бірақ кейінірек бұл егжей-тегжей анықталды: вектордағы нүктелер неғұрлым көп болса, соғұрлым қаріптің кез-келген жолмен қате болу ықтималдығы артады - Glyphs (немесе шрифт жиналатын басқа бағдарлама) файлды экспорттаудан бас тартудан. , соңғы пайдаланушылардың оны қатесіз пайдалана алмауына. Сондықтан, ең аз нүктелер - бұл жайлылықтың кілті, иә, сіз әлі де оларды, тіпті құрылымы бар қаріптерді де тазалауыңыз керек.
Мен Illustrator бағдарламасында әріптерді бірнеше жолмен тазалаймын: біріншіден, Astute Graphics сиқырлы өшіргішімен (бөлігі) ақылы плагин, мен айтып отырғаным), өкінішке орай тегін баламаМен тіпті шамамен сапаны білмеймін, екіншіден, стандартты иллюстратордың қарындашымен - мен контурды ерекшелеп, оны дәлірек етемін.
Осыдан кейін мен қаріпті экспортқа дайындаймын - бұл бөлек үлкен әңгіме, ол туралы бірнеше бейнелер болуы мүмкін - және әріптерді Glyphs-ге жіберіңіз.
ЖАҚСЫ ҚАРІП БАҒДАРЛАМАСЫ МАҢЫЗДЫ
Қаріпті құрастыру, яғни векторлық әріптерді жұмыс істейтін әріптерге айналдыру, пернетақтада теруге болатын түр, теорияда әртүрлі бағдарламаларда орындалуы мүмкін. Егер сіз Google-ды іздесеңіз, сіз кез келген талғамға және бюджетке арналған опциялардың әсерлі тізімін таба аласыз. Мен бұл жерде атауларды көрсетпеймін, өйткені мен білмейтін/ешқашан көрмеген нәрсені ұсынуға дайын емеспін. Мен Glyphs бағдарламасында жұмыс істеймін және барлық маңызды типтегі дизайнерлер (қаріптерді сататындар) оларды Glyphs немесе Fontlab бағдарламасында жасайтынын ғана білемін. Бұл, ең алдымен, арзанырақ/тегін бағдарламалардың қызықты қаріп әңгімелерін жасау үшін қажетті барлық опцияларды қамтамасыз етпеуіне байланысты.
Бір кездері мен Glyphs-ті таңдадым, өйткені мен, бір жағынан, «дұрыс» қаріп бағдарламасына (яғни, шын мәнінде ойластырылған, күрделі, элементтерге бай қаріптерді жасауға және жабыспайтын) бірден үйренгім келді. шамамен бір ай бойы тегін). Шамасы, таңдау дұрыс болды - мен Fontlab-тен Glyphs-ке ауысқан адамдарды білемін және соңғысының интерфейсі айқынырақ деп айтады :)
Жақсы қаріп бағдарламасы маңызды, өйткені дәл осы жерде жай әріптерді жұмыс істейтін қаріпке сиқырлы түрлендіру орын алады. Бағдарлама тілдік қолдауды жасауға мүмкіндік бермесе, оны жасай алмайсыз. Егер сіз бас әріптердің баламалы жинағын қоса алмасаңыз, оларды сызып қойған болсаңыз да, қоса алмайсыз.
Glyphs-ге экспорттағаннан кейін мен көптеген әртүрлі нәрселерді орнаттым: әріп топтары, интервал (әріптердің сол және оң жағындағы теріс кеңістік, дөрекі түрде айтқанда), kerning (әріптердің нақты жұптары арасындағы қашықтық), тілдік қолдауды қосу, лигатуралар (арнайы). әріп комбинацияларының нұсқалары), бастапқы және соңғы нұсқалары (ұзын ат құйрықтары, шұңқырлары, гүлденуі және басқалары бар) және егер ұсынылса, балама жиынтықтар. Жол бойында код соңғы пайдаланушы үшін барлығы мен ойлағандай және еш қиындықсыз жұмыс істейтіндей етіп конфигурацияланған. Мен бір-екі сөйлеммен сипаттаған бұл кезең, шын мәнінде, қаріп жасау кезінде шамамен 70% уақыт алады :) Және мен оны ашкөз болғандықтан емес, тек кернге туралы жазуға болатындықтан қысқаша сипаттап отырмын. осыдан үш есе ұзағырақ жазба, бірақ ол әлі де жеткіліксіз болады. Қаріптер туралы курста мен осы тармақтардың барлығына егжей-тегжейлі тоқталамын (дәл қазір мен «жеткілікті емес» және «қорытуға тым көп ақпарат» арасындағы сызықты табуға тырысамын).
Бұл мақаланың оқулығында мен сізге өзіңіз жасаған белгішелерді пайдаланып веб-сайт үшін өзіңіздің шрифтіңізді қалай жасау керектігін айтамын. Ол үшін бізге тек векторлық графика (Adobe Illustrator немесе Inkspcape) жасауға және Интернетке кіруге арналған бағдарлама қажет!Ендеше, бастайық! Бұл үшін пайдаланылған барлық суреттерді, белгішелерді және CSS шрифтін мақаланың соңында жүктеп алуға болады.
Бұл оқулық үшін біз қарапайым нәрсе жасаймыз. Бірінші белгіше үшін біз кәдімгі жұлдызды саламыз. Екінші белгіше үшін - ішінде W әрпі бар қыран. Сурет салу өте оңай және сіз кез келген пішіндер мен комбинацияларды жасай аласыз. Мен осы мақсаттар үшін иллюстраторды қолдандым.
Шығармашылық бөлікті аяқтағаннан кейін, жасағаныңыз SVG пішімінде сақталуы керек. «Басқаша сақтау» түймесін басып, файл түрін SVG ретінде таңдаңыз. Енді сіз қаріпті жасауға тікелей кірісе аласыз.
Осы мақсаттар үшін біз танымал және пайдаланамыз тегін қызмет IcoMoon.
Ең алдымен жасау керек жаңа жоба, сондықтан жоғарғы сол жақ бұрыштағы мәзірді басып, «Жаңа жоба» түймесін басыңыз. Әрі қарай дайынымызды жүктейміз svg файлдары«Импорттау белгішелері» түймесін басқаннан кейін. Осы қадамдарды орындағаннан кейін мониторда келесідей кескінді көруіңіз керек:
Енді бізде әрбір белгіше үшін кодты өзгерту мүмкіндігі бар (біздің жағдайда бұл e600 және e601 болады), қаріпіміздің атын, CSS префиксін және т.б. Мұның бәрі «Параметрлерде» жасалады. Сондай-ақ, біз «Жылдам пайдалануды қосу» сілтемесін басу арқылы қаріптің жұмыс істеп тұрғанын көре аламыз - бұл бізге қаріпімізге уақытша сілтеме алуға, сондай-ақ CodePen-де кодты қарау опциясын алуға мүмкіндік береді.
Барлығын теңшегеннен кейін беттің төменгі жағындағы «Жүктеу» түймесін басып, мұрағатты жүктеңіз. Бұл мұрағатта сіз ttf, eot, svg және woff пішіміндегі қаріпіңізді + қаріппен демо-парақ таба аласыз.
Сайттағы белгішелерді пайдалану
Енді бізге тек @font-face арқылы CSS шрифтін қосу және басқа параметрлерді көрсету (олардың барлығы сіз жүктеп алған мұрағаттағы CSS файлында жазылған).
@font-face ( font-family: "wdm-eagle"; src: url("//yourwebsitename.com/fonts/wdm-eagle.eot"); , ( font-family: "wdm-eagle"; сөйлеу: жоқ; шрифт стилі: қалыпты; шрифт салмағы: қалыпты; шрифт-вариант: қалыпты; мәтінді түрлендіру: жоқ; жол биіктігі: 1; /* Қаріпті жақсырақ көрсету ========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ) .wdm-star:befor (мазмұн: "\e600"; ) .wdm-eagle:бұрын (мазмұн: "\e601"; )
Енді біз шрифтімізді HTML кодында келесідей пайдалана аламыз:
Тег үшін сынып атауын көрсету белгішемізді аламыз.
