Прилагодени фонтови во Blogger за дизајн на блог. Прекрасен калиграфски фонт на Blogspot, Blogger

Добар ден, драги читатели. Денес сакам да зборувам за еден од начините да инсталирате нестандарден кириличен фонт на вашата веб-страница. Овој методПогоден за која било локација, вклучително и блогови на Blogger. Овој метод успешно се користи на многу веб-локации на англиски јазик и активно се користи во врвните теми на WordPress и Joomla.

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

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

Дали уште доволно те заинтригирав? Време е да преминете на деталите.

Значи, овој метод се нарекува Cufon. Тоа беше измислено од еден развивач - Симо Кинунен. Прво, тој создаде специјална датотека што треба да се поврзе со страницата. Второ, тој создаде генератор кој го претвора секој фонт во JavaScript.

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

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

Откако ќе го преземете фонтот што го сакате во формат .ttf, можете да го инсталирате на вашиот компјутер едноставно со отворање.

Или користете го десното копче на глувчето за да ја изберете командата Инсталирај. По оваа постапка, фонтот ќе се прикаже во сите програми инсталирани на компјутерот, каде што тоа е генерално обезбедено. Оние. не треба да се преземаат дополнителни активности. Опишаниот метод е загарантиран да работи во Windows 7.

Инсталирање на апсолутно секој кириличен фонт на веб-локација во три чекори

Значи, станавме сопственик на прекрасен нестандарден кириличен фонт и сакаме да го инсталираме на нашата веб-страница. Кои се нашите постапки?

Чекор 1

Одиме на веб-страницата на Cufon - cufon.shoqolate.com.
Кликнете на врската во менито – Преземи. Се отвора страница со скрипта. Само копирајте го целиот код, залепете го во бележник и зачувајте го со наставката .js. Подготвив готова датотека за моите читатели, можете да ја преземете на вашиот компјутер.

Бидете внимателни, од датумот на пишување на овој пост, 26 јули 2011 година, верзијата на сценариото е 1.09i. Ова е верзијата сега на врската погоре.

Поставете ја скриптата на хостинг. Секој што го води својот блог на Blogger веќе треба да знае каде да постави датотека од трета страна (), јас ги користам сајтовите на Google за ова.

Чекор 2

Се враќаме на веб-страницата на Cufon во табулаторот Генератор. Еве страница со многу поставки. Искрено признавам, не навлегов во апсолутно сите поставки, но за време на експериментите пробав различни и секогаш го добивав посакуваниот резултат.

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

Како што можете да видите, постои посебен прозорец за вчитување за секој тип на фонт:

• редовен фонт
• задебелен фонт
• редовни закосени букви
• задебелен курзив

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

На пример, сликата од екранот покажува вчитување ракописен фонт. Тој е наклонет и доста нахранет :).

Следно, полето со договорот за лиценца е означено. Мора да го штиклирате полето и со тоа да потврдите дека фонтот што го преземате е дозволен да се користи на веб од развивачот на овој фонт. Ова е деликатно прашање, за жал, меѓу широката разновидност на различни фонтови на Интернет, ние самите не знаеме точно кој фонт можеме да го користиме, а кој не. Затоа, оваа точка целосно лежи на вашата совест.

Следна слика од екранот.

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

Второто поле стандардно има штиклирање, не сум се обидел да го отстранам.

Во третото поле, задолжително одберете ја кирилицата и руската азбука.

Истакнав една линија со сина боја - ова е местото каде што оние што го генерираат фонтот за WordPress го проверуваат полето.
И последните поставки.

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

Како што разбрав, на врвно поле ние зборуваме заза тоа која големина на фонтот ќе биде стандардна. Може да се согласите со поставката или да одбиете со штиклирање на полето. Јас лично го пробав на различни начини и бев задоволен од двете опции. Мислам дека зависи и од самиот фонт и од идејата на дизајнерот на шаблоните. Самиот генератор препорачува оневозможување на следната ставка во прозорецот 2, под услов да користите мала големина на фонтот. Подобро е да го штиклирате последното поле ако е можно, бидејќи ... Благодарение на оваа поставка, генерираната датотека е помала, што несомнено ќе има подобар ефект врз вчитувањето на фонтот.

И последното нешто е договор со условите за користење на генераторот.

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

Чекор 3

Единственото нешто што останува е да го наведете следниов код во датотеките со шаблоните на страницата пред ознаката за затворање:

Cufon.replace ("h1");

Како што можете да видите од кодот, ние го применуваме фонтот на ознаката за наслов h1. На овој начин можете да наведете која било друга ознака за да се прикаже нашиот кириличен фонт во неа.

Cufon.replace ("h1");
Cufon.replace ("h2");
Cufon.replace ("p");

Можете исто така да наведете не ознака, туку идентификатор:

Cufon.replace ("#mycufon");

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

Cufon.replace("h1";, ( fontFamily: "font_name_1"; ));
Cufon.replace("h2";, ( fontFamily: "font_name_2"; ));

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

Она што е означено со сино е името на фонтот.
Така, на еден од моите тест блогови првично беше вака.

И стана вака:

Како да инсталирате сопствен кириличен фонт во WordPress

Сè уште е многу полесно за корисниците на WordPress. Се разбира, можете да го поминете целиот опишан пат и фонтот исто така ќе работи, но има и готов приклучок наречен All-in-One Cufon. Можете да го преземете приклучокот или од веб-страницата на развивачот или директно во административниот панел на блогот.

Инсталирајте го приклучокот. Ајде да го активираме. Ајде да одиме до поставките на приклучокот. На самиот врв има две предупредувачки пораки.

Првата работа е дека треба да креирате папка cufon-fonts во директориумот wp-content/plugins/. За да го направите ова, поврзете се преку FTP или одете на контролната табла за хостирање и креирајте нова папка со име cufon-fonts во папката со приклучоци. После ова, првата порака исчезнува.

Втората порака вели дека мора да ја поставите генерираната датотека со фонтови во креираната папка, истата датотека што ја добивме во чекор 2. Ја вчитуваме датотеката и пораката исчезнува, додека фонтот што сега го „гледа“ приклучокот се појавува во поставките подолу.

Не заборавајте да го штиклирате полето до фонтот што ќе го користите во шаблонот. Но, фонтот сè уште не работи. Подолу има поле за Cufon Code, во кое мора да означиме на која ознака треба да се примени нашиот кириличен фонт. Во овој случај, треба да го наведете голиот код, без други ознаки.

Cufon.replace ("h1");

Патем, вреди да се каже дека ако сте инсталирале WordPress темасо нестандарден фонт, а нема кирилица, тогаш ви треба:

Инсталирајте го приклучокот Сè-во-едно Cufon.

Инсталирајте го генерираниот фонт.

Нема потреба да го внесувате Cufon Code во полето подолу; по правило, овој код е веќе напишан во шаблонот. Ако сакате да инсталирате друг фонт, покрај постоечкиот, тогаш ќе треба да се направи таков запис, како што напишав во примерите погоре.

Многу важна забелешка.
Ако сте ги оптимизирале насловите во шаблонот врз основа на моите написи - и, тогаш треба да бидете исклучително внимателни. Ако се сеќавате, на сите страници освен главната страница, насловот на блогот е во ознаката (во врската). Треба да ја доделите токму оваа ознака ID или класа, на пример:

>. Но, ако сè се направи внимателно, нема да се случат катастрофи.

Линијата на код може да изгледа различно во различни шаблони. За да разјасните како во вашиот шаблон, прочитајте ја статијата. Има детално видео за тоа како да пронајдете која било линија на код, по што можете да направите речиси какви било промени на шаблонот на вашата веб-страница. Оваа вештина ќе ве ослободи од потребата да пребарувате по кодови и ќе ви даде одврзана рака.

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

Инструкции за промена на фонтот во заглавието на страницата

И ако немате време да го сфатите, но сакате да го направите тоа побрзо. За сè, ќе ни требаат нашата веб-страница и програмата за зборови (за избор на фонт).

Најавете се на административниот панел на вашата страница. Следно, во левата странична лента ја наоѓаме Конзолата - Изглед- Уредник.

На десната страна ја наоѓаме Листата на стилови (style.css) и ја отвораме.

Заглавието на страницата е заглавие h1. Се наоѓа во близина на почетокот. За да избегнете пребарување со очи, можете да притиснете Ctrl+F - ќе се појави лента за пребарување. Внесете во пребарувањето. За мене овој дел изгледа вака:

Горен квадрат: линија за промена на фонтот.

Долен квадрат: линија за промена на големината на фонтот.

Подоцна ќе ги смениме големината и бојата на фонтот доколку е потребно.

Како да го смените фонтот на насловот на страницата

Сега отворете го чистиот Word документ, копирајте во почетна страницаиме на страницата и префрлете го во документ Word, изберете го и почнете да играте со различни фонтови. Тие се наоѓаат на горниот панелВо левиот агол. Зошто е погодно да се направи тоа во оваа програма?Бидејќи сите промени на фонтот во насловот се веднаш видливи. Изберете фонт што ќе одговара на името на вашата страница. Фонт кој дефинитивно ќе ви се допадне. Откако ќе го изберете, копирајте го името на фонтот во Worde.

Се враќаме на административниот панел на страницата. Во линијата за промена на фонтот (на сликата - горниот син квадрат) го внесуваме името на избраниот фонт наместо стандардниот.

На дното на страницата, кликнете на „Ажурирај датотека“.

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

Како да ја смените големината на фонтот на насловот на страницата

Ова е направено во истиот шаблон на уредувачот. На сликата погоре има втор син квадрат. Сè што треба да направите таму е да ставите различни броеви - фонтот ќе стане поголем или помал во зависност од тоа што ви треба. Ги зачувуваме промените, одиме на страницата и гледаме дали сè ни одговара.

Како да ја смените бојата на фонтот на насловот на страницата

Ова е направено таму. Има линија во следниот блок после каде го сменивме самиот фонт и неговата големина. Изгледа нешто вака:

За да изберете боја, можете да користите една од опциите за тема: Конзола - Изглед - Заднина. Во линијата „Боја на заднина“, можете да изберете боја, да ја копирате нејзината алфанумеричка вредност и да ја залепите наместо она што беше (во мојот случај #11006а). Зачувајте ги промените. Ајде да одиме на страницата и да му се восхитуваме.

Значи, за да го промените фонтот, бојата и големината, треба да направите промени во само 3 реда од уредникот. Со мала вештина потребно е многу малку време.

Убав, лесен за читање наслов

во согласност со општиот дух на темата,

ќе го направи вашиот блог попривлечен и понезаборавен.

Експериментирајте, изберете што ви се допаѓа!

П.С. Кога правам дури и мали промени во датотеките на уредувачот на теми, за секој случај, го копирам целиот променет текст во Notepad - во папката каде што е зачуван зипот на темата инсталирана на мојата страница. Во случај страницата ненадејно да се расипе и да се појави потреба повторно да ја инсталирам темата, ги зачував сите датотеки променети по мој вкус. Останува само да ги префрлите датотеките во соодветните папки на хостингот при повторно инсталирање на WordPress или темата.

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