[CSS] Как да разпознаем шрифта от домашните.


27

     Предполагам в курса по CSS голям част от домашните ще бъдат от типа
"Направете web страничка с CSS която да изглежда така" и често в картинката има вкключен текст с различен шрифт от този по подразбиране.
     Аз понеже нямам много опит с шрифтовете (мога да различа Tahoma от Comic Sans и до там) и имам проблеми да оцеля използвания шрифт.
     Та реших да споделя какво решение намерих.

     Става въпрос за разпознаване на шрифт от image файл. Сайта се казва MyFonts. Работи се лесно ако имаш качествен файл. След като ъплоуднете снимката, системата се опитва да идентифицира всяка буква по отделно и следващата стъпка е да потвърдите дали е идентифицирала правилната буква.
Identify font from image
Като е важно ако системата е fail-нала и не е разпознала някоя буква адекватно (както е станало тук с 6-тата клетка "ct") да я оставите празна.

Коректноста на резултата зависи от качеството на файла но като цяло дава доста приближени резултати.

Ако някой знае по-добър начин нека сподели.




Отговори



1
Много полезно линкче. Мерси.
Относно шрифтовете в домашните, за момента мисля, че можем да се ограничим само до serif и sans-serif и да оставим браузера по подразбиране да ги замести, защото ако задълбаем в конкретни .... :) На по-късен етап вече може би ще се наложи да се съобразяваме при някои екстравагантни шрифтове.

от cherokee (1277 точки)


1
Еха супер ! Мерси много. Ще го тествам тоя сайт на следващото домашно по CSS. Иначе за това домаашно шрифтовете бяха според мен Arial или Segoe UI.

от ivivanov (903 точки)


3
Аз пък не мисля, че ще се държи чак толкова много на шрифтовете. Трябва да са подобни разбира се, но чак еднакви надали.

от fifipaldi (899 точки)


0
Когато ти се даде задача в работата не искат да е подобно, а абсолютно същото. Според мен трябва и ние да се стараем да го докарваме същото...

от ivivanov (903 точки)

0
Проницателно наистина..., но никой няма да ти прави проблем ако шрифта не е на 100 % същия поне на този етап.

от fifipaldi (899 точки)



4
Ето една много интересна лекция за основните шрифтове и как да ги разпознаваме (и не само):
http://www.youtube.com/watch?feature=player_detailpage&v=PSQzCc5zQnU#t=395s

от bobbykolev (4168 точки)


2

NikiOnTime, много добра и навременна тема си подхванал.

И понеже на работа често ми се налага да издирвам и разпознавам шрифтове това са двата сайта, които използвам основно за тази цел :

http://www.myfonts.com/WhatTheFont/

http://www.whatfontis.com/

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

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

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

 


от cyberbox (150 точки)


-1
Много полезно наистина! + 1

от vlad_karamfilov (4595 точки)


0
Сега го пробвах и дава задоволителни резултати. +1

от Mitko_Mitev (1276 точки)


0
Много полезно! Благодаря и аз!

от anonymous (0 точки)


0
Здравейте!
Добра и интересна тема;)
Но има нещо, което забравяме. Ако ни дадат код на шрифт "Telerik Light Cyr" коя програма ще го разпознае?;)
Искам да кажа, че понякога е много трудно, дори невъзможно да се представи шрифта едно към едно.
Диди



0
По старото JS решение е cufon, а сега мисля че няма проблем да си го качиш направо на сайта или да ползваш Google web fonts.

от krasi.nikolov (1412 точки)


2
В курса по уебдизайн Иван Жеков имаше една добра лекция за различаването на шрифтове и че човек трябва да може на око да ги прави базовите неща.
Aз принципно ползвам Fount - http://fount.artequalswork.com/
За домашните обаче не държат да е точно същият шрифт.
Иначе то на кирилица изборът не е толкова голям.

от rnikiforova (1198 точки)