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

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.Векторный шрифт против пиксельного шрифта


You may also like

11 comments

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

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

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

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

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

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

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

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

  3. Ненароком зайшов сюди із 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
    требуде якось написати скрипт щоб скачати всі шрифти звідти. Або знайти якийсь пак..

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

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

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

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

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

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

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

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

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

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

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