Вер
08
2009

Що таке піксельний шрифт

css_logo3

Цього вересневого дня хотілось би розповісти про таку річ як піксельний шрифт та його переваги й недоліки. До речі, ось сайт, у якому використано винятково піксельні шрифти.

Рівень: початківець
Тривалість: 04 хв 00 с

Відео на YouTube можна дивитись у HD якості. Як саме.

Також можна завантажити це відео з YouTube.com на власний комп’ютер. Як завантажити відео з YouTube.com на власний ПК

Схожі записи:

1.Які одиниці вимірювання використовувати у Веб
2.Шрифтові одиниці вимірювання у веб-дизайні
3.Успадкування правил у CSS

Корисні посилання:
1.Сайт з безкоштовними піксельними шрифтами
2.What are “Screen Fonts” or “Pixel Fonts”
3.Аніме та манґа українською
4.Векторный шрифт против пиксельного шрифта


VN:F [1.8.1_1037]
Rating: 0.0/10 (0 votes cast)
VN:F [1.8.1_1037]
Rating: 0 (from 0 votes)
Розповсюдити через соцмережі
  • TwitThis
  • del.icio.us
  • Facebook
  • Google
  • Technorati
  • BobrDobr
  • Live
  • Reddit
  • Digg
  • Надішли другу посилання на статтю електронною поштою!
  • Роздрукуй на пам’ять!

11 коментарів »

  • Lukom каже:

    Класно, тільки не сказано які шрифти є піксельними і де їх дістати. В мене наприклад шрифта “Pixel” такого як в презентації немає..
    Хотілося б також почути коли такі піксельні шрифти варто застосовувати? І як – графікою чи текстом?

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • admin каже:

    Привіт, Lukom. Дякую за увагу до блоґу та відеоуроків. Піксельними є шрифти з розширенням .ttf (хоча деякі з .ttf шрифтів є екранними (векторними), а не піксельними). З власного досвіду можу сказати, що можна просто клацнути по шрифтовому файлу двічі і у відкритому віконці подивитися чи є там пікселізовані цифри. Якщо є, то цей шрифт піксельний.
    Якщо нема, то векторний (тобто екранний). Можливо є інші способи, але вони мені не відомі.

    Шрифту “Pixel” я теж не мав. Завантажити можна ось тут (там він третій у списку)

    http://www.dafont.com/search.php?q=pixel&page=1

    Щодо того, коли використовувати. Якщо у Флеш, то це можна подивитися у моєму свіжому туторіалі про Флеш:

    http://maque.org.ua/wordpress/?p=2553

    , а якщо не у Флеш (графікою чи текстом), то я цим питанням обов’язково займусь невдовзі.

    P.S. Мені видається, що текстом було б краще, оскільки перевага піксельних шрифтів саме у тому, що вони чітко виглядають у малому розмірі шрифту. Хоча це треба дослідити ….

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • Lukom каже:

    Ненароком зайшов сюди із profeo, блог сподобався, з кожним уроком навчився чогось нового. Дякую, буду слідкувати за оновленнями :)

    На вікі
    http://en.wikipedia.org/wiki/Pixel_font
    і
    http://en.wikipedia.org/wiki/True_Type_Font
    кажуть, що чисто піксельним шрифтом для віндовса є *.fon, а *.ttf є векторним, але може мати хитру прив’язку до пікселів для деяких висот шрифта.

    На dafont’і чудова колекція піксельних шрифтів
    http://www.dafont.com/bitmap.php
    требуде якось написати скрипт щоб скачати всі шрифти звідти. Або знайти якийсь пак..

    Щодо використання для вебу, всетаки треба використовувати шрифти які є в кожній системі, тому для вебу (для тексту який можна виділяти) підходять тільки найпростіші шрифти типу аріала і таймснюромана. Піксельні хіба для графіки використовувати – кнопок, іконок, тулбарчиків, ітдітп

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • admin каже:

    Дякую за увагу до блоґу. Це дуже тішить.

    Дякую за посилання на Вікіпедію.

    Не знав про таку заплутаність ситуації з .ttf Де є почитати про .fon ? Я дещо поґуґлив, але результати не дуже втішні:

    http://www.procon.com.au/FontsFAQ.htm

    http://www.downloadatoz.com/file-extensions/fon-file-extension.html

    Поясненя не особливо чіткі. Жодних прикладів там не наведено. :-(

    Так, щодо використання лише шрифтів, що є в усіх, погоджують. Я ніби й знав про це, але чомусь не спало на думку зразу. :-)

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • Lukom каже:

    Угу, на вікіпедії про .fon нема, і швидкий пошук нічого толкового не дав… Треба трохи детальніше ритись на що зараз немаю часу :(

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • admin каже:

    Як я Вас розумію! Але йдемо правильним шляхом

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • [...] 1.Що таке піксельний шрифт 2.Які одиниці вимірювання використовувати у Веб 3.Шрифтові одиниці вимірювання у веб-дизайні [...]

  • [...] шрифтових збірок (груп) 2.Що таке піксельний шрифт 3.Шрифтові одиниці вимірювання у [...]

  • [...] 1.Як знайти код CSS чи HTML за допомогою Firebug 2.Типи шрифтових збірок (груп) 3.Що таке піксельний шрифт [...]

  • fedorenkosergiy каже:

    Цікава стаття. Я ніколи й не думав, що шрифти бувають різні за природою створення

    UN:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UN:F [1.8.1_1037]
    Rating: 0 (from 0 votes)
  • admin каже:

    Дякую.
    На жаль, шрифти мають багато особливостей та підводних каменів.

    UA:F [1.8.1_1037]
    Rating: 0.0/5 (0 votes cast)
    UA:F [1.8.1_1037]
    Rating: 0 (from 0 votes)

RSS feed for comments on this post. TrackBack URL


Leave a Reply

Powered by WordPress. Theme: TheBuckmaker. conserio, Internet Technik