Най-малкият шрифт за четене. Кой шрифт е по-добър

Колко често се питате " какъв шрифт е по-добре да използвате за сайта?“, Мнозина не му обръщат внимание, но напразно!

Всеки начинаещ уебмастър иска по някакъв начин да подчертае своя сайт, така че да се различава от безбройните ресурси, направени от шаблон.

Един от методите е изборът на шрифтове за сайта, чийто обхват на избор не е толкова голям. Задачата на уеб администратора е да направи процеса на четене на информация възможно най-удобен. Но използването на множество шрифтове може да изплаши потребителя. И използването на един ще направи ресурса монотонен и сив. Много хора се опитват да инсталират уникален шрифт на страницата, но забравят, че той може да не се появи на компютъра на потребителя. В крайна сметка той не е вграден в уеб страница.

Следователно, ако човек няма този или онзи шрифт, инсталиран на компютъра си, той няма да бъде показан. За да избегнете проблема, трябва да изберете налични, т.нар стандартни шрифтове за сайта, някои от които ще разгледаме по-долу.

Често използвани шрифтове

Стандартните шрифтове за сайта са:

  • Times New Roman;
  • Arial; Грузия;
  • Въздействие;
  • Требуше МС;
  • Вердана и др.

Те са част от групата за безопасност. Нека ги разгледаме по-подробно:

Arial... Предимството на този компактен шрифт е височината на буквите.

Тахома... Неговите средно широки букви го правят идеален за технически артикули.

Требуше MS... Най-неподходящо за четене. Дори при нормален размер от 12-14 px, трябва да надникнете в текста, което води до напрежение в очите.

Times New Roman... Най-разпространеният и широко използван шрифт. Идеален за четене, но изглежда малък на 12px.

MS Sans Serif... Счита се за системния шрифт на Windows. На него са записани всички напомняния и сигнали на операционната система.

Грузия... Много прилича на Таймс. Но има по-широки и по-остри засечки и краища.

Comic Sans MS... Най-мразен от обществото. Отличава се с плавни заоблени очертания, лека кривина на буквите, малко разстояние между буквите.

Куриер нов... Прилича на този, който се пишеше на пишеща машина. Courier New се откроява с ясни, лесни за четене букви, които са леко притиснати... -Минус: ненаситен цвят.

Въздействие. Различава се по компресия между знаци, дебели щрихи и малко пространство в буквите. Той се използва широко в заглавията, тъй като близкото разстояние между буквите прави четенето на основния текст неудобно.

Вердана... Идеален вариант за шрифт за уебсайт. Благодарение на оптималното разстояние и ширина на буквите, той е лесен за четене.

И така, кой е най-добрият шрифт за използване на вашия уебсайт? Според последните анкети сред интернет потребителите най-добрият вариант е да направите заглавието с помощта на Verdana, а основният текст - с Times New Roman. Но не е изключена опцията, в която можете да направите целия текст точно Verdana.

Случва се шрифтът да не се показва на компютъра. В този случай е необходимо да регистрирате не един шрифт, а няколко.

Например Verdana, Impact, Trebuchet MS. След това браузърът, след като не успее да използва Verdana, ще се опита да използва Impact и след това Trebuchet. Ако всички посочени шрифтове не са показани, системата ще определи свой собствен - по подразбиране. По този начин можете лесно и просто да проектирате сайта по ваш вкус, да го направите ярък и необичаен. Основното нещо е да се предотвратят проблеми при показване на посетители на ресурси на компютри.

Иновация от Yandex. Размерът има значение!

Следвайки мобилния алгоритъм на Владивосток, Yandex направи фактор за класиранеразмер на шрифта . Сега размерът на текста на мобилния сайт има значение и стандартът му е 12 см. PX (или повече). Можете да проверите шрифта за „пригодност за мобилни устройства“ в Yandex.Webmaster.

Тази новина предизвика негативни критики от създателите на сайта. В крайна сметка, например, ресурси, направени с помощта на флаш технология, за да се показват нормално на екраните на мобилни устройства, ще трябва да създадат специално приложение. Това ще отнеме много време и пари.

Често ще се окаже, че сайтовете, в които текстовете са удобни и четими за потребителя, ще имат огромен размер в мобилни версии.

Интересно! Различните видове шрифтове имат различни размери. Ако искате да го увеличите, не е нужно да променяте размера му в пикселите. Можете да експериментирате с избора на други шрифтове. Например, ако зададете размерите Times New Roman и Tahoma - 12 px - те ще изглеждат различно. Последният визуално ще изглежда по-голям.

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Компресиран TTF файл

Какви шрифтове да използвате за сайта

Ресурси с селекция от минималистични сайтове

Минимализмът е необичайно интересно изкуство, което съчетава огромни възможности, но в същото време изисква много усилия, идеи и изследвания, за да се получи "ярък" резултат. Посещавайки подобни сайтове, често дори не обръщаме внимание на неговите очертания, ненатрапчив дизайн или известна лекота, която се усеща в него още от първите страници. Забелязваме това едва по-късно, когато отново посетим тези сайтове, които ни харесаха.

Минимализмът в дизайна на уебсайтове привлича и все повече улавя дизайнери и обикновени потребители, когато ги открият сред „тълпата“ от многоцветни многостранни страници. Дизайнерите започват да го харесват и те измислят собствен минимализъм, понякога толкова необичаен, но толкова готин.

Примери за сайтове и разсъждения по темата за минимализма, засегнахме в статии от същата рубрика "Минимализъм".

В тази статия сме събрали 8 ресурсни сайта с колекции от минимализъмза да можете да черпите вдъхновение и простота, както се казва, без да напускате касата. Наслади се!

Уроци / Разни /


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

ТОП 10 от най-добрите и най-използвани шрифтове

Всички шрифтове по-долу се считат за основни, така че могат да се използват на сайта дори без качване на файла с шрифтове (* .ttf) в директорията със сайта

1. Тахома

2. Вердана

3. Arial / Arial Черен / Arial Narrow

4. Times New Roman

5. Palatino Linotype / Palatino

6. Въздействие

7. Векова готика

8. Helvetica

9. Грузия

10. Gill sans mt

Допълнително:

11. Куриер нов

12. Калибри

13. Требуше MS

14. Lucida Sans Unicode

Няколко правила за използване на шрифтове в сайта

1. Основата на четим текст са заглавията. Те действат като един вид маяци, които позволяват на читателя да се съсредоточи върху желаната част или пасаж, без да го дразнят с потока от обща информация. Също така се опитайте да подчертаете ключовите си думи!

Заглавие


Първи параграф


Второпараграф параграф


2. Сайтът трябва да има някаква обща концепция, така че се опитайте да използвате не повече от 2-3 шрифта на сайт.

50 готини безплатни шрифта

По-долу е CSS кодът

тяло (шрифт: 14px / 100% Tahoma, Verdana, sans-serif)
14 пикселаразмер на шрифта, 100% отстъп между редовете, Тахомаизползван шрифт
3. След дизайна текстът трябва да бъде четим - спазвайте контраста (черен текст на бял фон, бял на син и т.н.). Опитайте се да не използвате ярки цветове и за двете. Има изключения, но не попада в стандартните практики.

4. Когато проектирате текста си, опитайте се да не използвате повече от 2-3 цвята. Имайте предвид, че най-добрите дизайни се придържат към най-много 2-3 цвята. Следвайте това правило и вие

5. Текстът трябва да се чете! Опитайте се да направите параграфи, отстъпи за подпараграфи или справочна информация.

Текст на първия параграф. Дълго и интересно.


Но текстът на втория параграф няма да се слее с втория, тъй като между тях ще има отстъп.

Благодаря за вниманието! И успех с дизайна на проекта!)

Предишна статия
Научете клавишните комбинации! Следваща статия
Как да изберем и регистрирам домейн?

Коментари към статията (vk.com)


През последните години стотици отлични, нови кирилски шрифтове се появиха в арсенала на дизайнерите. Избрахме десет от най-използваните и атрактивни руски шрифтове през последните години.

Кой шрифт е най-добрият? Кои са най-добрите шрифтове за използване? Зависи от задачата, която трябва да решите.

1. Архип


Изтеглете шрифт Arkhip

2. Букле


Изтеглете шрифт Boucle

3. Кабана


Изтеглете шрифт Cabana

4. Ейрик Рауде


Изтеглете шрифт Eirik Raude

5. Гогоя


Изтеглете шрифт Gogoia Deco
Изтеглете шрифт Gogoia Regular

6. Мюлер


Изтеглете шрифт Muller Thin
Изтеглете шрифт Muller Extra Bold

7. Nexa Script


Изтеглете шрифт Nexa Script Thin
Изтеглете шрифт Nexa Script SemiBold
Изтеглете шрифт Nexa Script Light
Изтеглете шрифт Nexa Script Regularr
Изтеглете шрифт Nexa Script Bold
Изтеглете шрифт Nexa Script Heavy

8. Никейнли


Изтеглете шрифт Nickainley

9. Роса


Изтеглете шрифт Dewberry Regular
Изтеглете шрифт Dewberry Bold
Изтеглете шрифт Dewberry Italic
Изтеглете шрифт Dewberry Bold Italic

10. Победа


Изтеглете шрифт Pobeda Bold
Изтеглете шрифт Pobeda Regular

Не бива да се пренебрегват и платените шрифтове.

Те обикновено са по-сложни от безплатните си колеги и съдържат по-широк набор от символи.

11. Тесла

Купете шрифт Tesla

11. Тилда

Купете шрифт Tilda

За съжаление няма толкова висококачествени шрифтове на кирилица, колкото бихме искали. Но, разбира се, има положителна тенденция към увеличаване на техния брой. Все повече и повече домашни дизайнери работят върху русификацията на популярните западни шрифтове, а също така дават живот на собствените си, не по-малко висококачествени продукти.

Що се отнася до употребата. Няма универсални шрифтове за решаване на всеки проблем. Шрифт, който изглежда страхотно на хартия, може да изглежда ужасно като основен шрифт на уебсайт. Ето защо разнообразието от шрифтове днес е толкова голямо и всеки от тях има свое предназначение. Например шрифтът на дисплея не трябва да се използва за плътен и малък текст, нито трябва да използвате серифни шрифтове на уебсайтове. И в двата случая възприемането и четимостта на текста ще бъдат сериозно нарушени. Например, най-добрият шрифт за текст на уебсайт е Open Sans. Четим и познат на окото шрифт за работа с документи - Times New Roman.

Амбициозните дизайнери често се чудят кои са най-добрите шрифтове за лога.

Шрифтове за уебсайтове: най-популярните и използвани шрифтове

Отговорът е прост: четлив. Ако се занимавате с разработването на корпоративно лого, не се опитвайте да придадете на писането някакво конкретно художествено решение или стил. Например, не търсете шрифт с букви с шипове, ако правите лого за магазин за цветя. Ще бъде достатъчно да се позоваваме на асоциации (деликатни, тънки, грациозни, в същото време достатъчно контрастни, за да издържат на мащабируемост).

В повечето случаи изборът на шрифт за лого трябва да се основава на уместността на използването на конкретен шрифт в рамките на едно композиционно решение. Например, ако знакът е отляво на шрифта и заглавието е достатъчно дълго, вероятно ще работи тесен шрифт с малко кернинг. Ако думата е кратка, тогава, напротив, можете да направите кернинг повече и да изберете по-изразителен шрифт.

По принцип няма правила за избор на шрифт. Трябва да го почувствате и да вземете адекватни решения. Например, ако е медицинска тема, и антиква, и гротеска са доста подходящи. Нарязаните едва ли ще работят. Ако дадена спортна тема е най-вероятно динамичен, курсив шрифт, без никакви засечки. Евентуално изписан.

Разбира се, най-добре е да направите шрифта на логото уникален. Това ще добави оригиналност към логото и ще ви даде доверие в очите на вашите колеги и вашия клиент.

Според мен шрифт, който е по-лесен за четене, е по-добър. Текстът обаче се чете различно на хартия и на екрана на монитора. Следователно шрифтът, който е най-подходящ за сайта, не винаги си струва да се използва при печат.

Павел ШУДНЕВ

Запомнете правилото: Serif се чете най-добре на хартия, Sans Serif се чете най-добре на екран.

Мисля, че причината за това е, че информацията се показва по различен начин на хартия и на екрана на монитора. И така, при типографския печат за шрифт се счита, че нормата е от 700 dpi (точки на инч - броят на точките на инч), а яснотата на изображението на екрана на монитора е само 72 dpi - десет пъти по-малко. ..

Но да се върнем на нашия въпрос - кой шрифт е по-добър? Недвусмислен отговор може да се даде по отношение на уебсайтовете: това е Verdana. Освен това това не е моя гледна точка, а научно доказан факт. Този шрифт наистина се чете най-добре на екрана! Този шрифт има доста интересна история.

Той е разработен специално за Microsoft през 1996 г. като шрифт, който е лесен за четене на екрана, дори и с малки размери на буквите. Благодарение на липсата на засечки, широкия размер на символите и голямото разстояние, Verdana е наистина четлива!

Друго нещо е, че с невероятна четливост е много сладък: искате текстът да бъде не само лесен за четене, но и да изглежда красив (въпреки че харесването/нехаресването е въпрос на вкус). Тогава трябва да потърсите алтернатива - добри, те са.

Топ 4: шрифтове Arial, Helvetica, Verdana и Georgia

В проучване сред 35 уеб дизайнери от Smashing Magazine два шрифта са на първо място: Helvetica и Arial. (За общото образование ще кажа, че Helvetica е разработена от швейцарски дизайнери преди повече от половин век, а шрифтът Arial е с двадесет години по-млад.) Тези шрифтове са най-разпространените в Интернет и следователно могат да претендират, че са най-добрите .

Изящният шрифт Georgia е много популярен (и широко обичан). Въпреки факта, че този шрифт е серифен, той е много разпространен в интернет. Например, той се използва като основен шрифт в онлайн версията на списание Forbes.

Всъщност, ако погледнете прилични уебсайтове в Интернет, ще откриете, че горните четири шрифта са повсеместни. Други шрифтове са по-скоро изключение, отколкото правило. Следователно, обобщавайки, можем да обобщим, че най-добрите шрифтове за сайта са Arial, Helvetica, Verdana и Georgia.

Що се отнася до шрифтовете за четене от хартия, те са толкова много (няколко хиляди), че е почти невъзможно да се откроят някои от най-добрите. Въпреки това, колкото и банално да звучи, Times New Roman и неговите вариации са широко разпространени в печата. Затова ще оставим лаврите на най-добрия офлайн шрифт на него.

P.S.Между другото, Serif и Sans Serif се превеждат от френски като serif и sans serif.


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

ТОП 10 от най-добрите и най-използвани шрифтове

Всички шрифтове по-долу се считат за основни, така че могат да се използват на сайта дори без качване на файла с шрифтове (* .ttf) в директорията със сайта

1. Тахома

2. Вердана

3. Arial / Arial Черен / Arial Narrow

4. Times New Roman

5. Palatino Linotype / Palatino

6. Въздействие

7. Векова готика

8. Helvetica

9. Грузия

10. Gill sans mt


Допълнително:

11. Куриер нов

12. Калибри

13. Требуше MS

14. Lucida Sans Unicode

Няколко правила за използване на шрифтове в сайта

1. Основата на четим текст са заглавията. Те действат като един вид маяци, които позволяват на читателя да се съсредоточи върху желаната част или пасаж, без да го дразнят с потока от обща информация. Също така се опитайте да подчертаете ключовите си думи!

Заглавие


Първи параграф


Второпараграф параграф


2. Сайтът трябва да има някаква обща концепция, така че се опитайте да използвате не повече от 2-3 шрифта на сайт. По-долу е CSS кодът

Тяло (шрифт: 14px / 100% Tahoma, Verdana, sans-serif)
14 пикселаразмер на шрифта, 100% отстъп между редовете, Тахомаизползван шрифт
3. След дизайна текстът трябва да бъде четим - спазвайте контраста (черен текст на бял фон, бял на син и т.н.). Опитайте се да не използвате ярки цветове и за двете. Има изключения, но не попада в стандартните практики.

4. Когато проектирате текста си, опитайте се да не използвате повече от 2-3 цвята. Имайте предвид, че най-добрите дизайни се придържат към най-много 2-3 цвята. Следвайте това правило и вие

5. Текстът трябва да се чете! Опитайте се да направите параграфи, отстъпи за подпараграфи или справочна информация.

Текст на първия параграф. Дълго и интересно.


Но текстът на втория параграф няма да се слее с втория, тъй като между тях ще има отстъп.

Благодаря за вниманието! И успех с дизайна на проекта!)