Прямо в Локальной Сети, Intranet или Internet !!

Шрифты для Web-сайта.

 
 
Добавьте страницу
“Шрифты для Web-сайта ”
в Избранное !!
Установите локальную версию goodpc.zip

 

ttf/otf шрифт скачать бесплатно, скачать шрифт, javascript определить шрифт, EOT Fonts, Embedded Open Type шрифт, шрифт литературная, шрифт type, скачать шрифт , растровый шрифт windows xp, апарышев, шрифт скачать, шрифт , tex размер шрифта, EOT Fonts, Embedded Open Type шрифт, шрифты ленполиграфмаш, javascript изменение шрифта, шрифт, проблема шрифт фотошоп, апарышев

Содержание.

Назначение страницы.

На троих, в стиле СоцАрт - Водка, икра, плавленый сырок и хлебная полушка. Фотоальбом автора. Апарышев.

На странице рассказано о использовании (внедрении) шрифтов (font) EOT (Embedded Open Type Format), TTF (True Type Format), OTF (Open Type Format) и WOFF (Web Open Font Format) в WEB (HTML) документ.

В реальном мире мы то и дело сталкиваемся с множеством разнообразных шрифтов, которые сопровождают нас повсюду — от обложек книг до оформления пивных бутылок. А как обстоит дело со шрифтовым оформлением в Интернете? Как-то так сложилось, что еще совсем недавно на всех Web-страницах преобладали Arial, Courier и Times New Roman. Сейчас эта монотонность слегка разбавлена новыми шрифтами, которые несомненно красивы, но всё же в целом ситуацию не меняют. Такое положение вещей обусловлено теми технологиями, которые используются при разработке Web-страниц.

Казалось бы, чего проще: внеси имя файла в тэге <FONT FACE=“abcd“> и страница с текстом немедленно преобразится. Но не все так легко. С помощью описанного приема пользователю, скорее всего, текста увидеть не удастся. Причина очень простая — отсутствие шрифта на компьютере пользователя. Результат появится или в виде стандартных шрифтов, на которые настроен браузер пользователя, или в виде всем знакомых закорючек.

Начиная с Firefox 3.5, Google Chrome 2, Opera 10 и Safari 3.1 стало возможным использовать в этих браузерах CSS-правило @font-face. На данный момент эти браузеры обрабатывают многие (в том числе созданные пользователем) шрифты форматов OTF и TTF без необходимости конвертации в защищённый формат EOT. Конечно нужно соблюдать определённые правила, в том числе шрифты должны быть "идеально правильными" - впрочем это отдельная статья для обсуждения! Это существенное отличие от Microsoft Internet Explorer, который поддерживает использование шрифтов только в формате EOT.

Пример внедрения шрифта.

Как правило, надпись печатается шрифтом 8Pin AV разработанным автором и внедрённым на Ваш компьютер через Интернет. Автор широко использует этот шрифт в страницах: Телефонный набор, Часы, Учимся считать.


0123456789

Реализация внедрения и отображения представлена далее:

Простой вариант №1.

Рекомендуется использовать со старыми браузерами.


<!-- Пример внедрения Embedded Open Type (EOT)
               и True Type (TTF) шрифтов и HTML код примера
-->
<style>

 .cifra {text-align: center; font-size:30pt; letter-spacing: 4px; font-family: "MyCifraFont"}

@font-face {font-family: MyCifraFont;
                       src: url("http://www.aparyshev.ru/img/8bit.eot") }

@font-face {font-family: MyCifraFont; src: local("8Pin AV"), local("8Pin Matrix"),
                       url ("http://www.aparyshev.ru/img/8bit.ttf") format("truetype");}
</style>
 
<p class="cifra"> 0123456789</p>


Примечание: код local("8Pin AV"), local("8Pin Matrix") - показывает на основной и альтернативный шрифт возможно установленный на Вашем компьютере. В общем не обязательный параметр.

Исходный код вы можете найти в Zip архиве, файл 123.htm. Используемая в примере таблица шрифта: 8Pin AV.

Простой вариант №2.

Рекомендуется использовать с продвинутыми браузерами.


<!-- Пример внедрения Embedded Open Type (EOT)
               и True Type (TTF) шрифтов и HTML код примера,
               современный вариант
-->
<style>

 .cifra {text-align: center; font-size:30pt; letter-spacing: 4px; font-family: "MyCifraFont"}

@font-face {font-family: MyCifraFont;
  src: url("http://www.aparyshev.ru/img/8bit.eot");
    format("embedded-opentype");
  src: url ("http://www.aparyshev.ru/img/8bit.ttf"),
    local("8Pin AV"), local("8Pin Matrix"), format("truetype");}
</style>
 
<p class="cifra"> 0123456789</p>


Недостатки простых вариантов.

Существенным недостатком первых двух вариантов является загрузка сразу двух файлов шрифтов (в нашем примере 8bit.eot и 8bit.ttf) ориентированных на различные браузеры. Конечно ряд продвинутых браузеров загружает только один файл шрифта, но большинство сразу 2. При наличии большого количества подгружаемых шрифтов это существенно замедляет процесс загрузки страницы.

Наиболее простые решения.

Решений достаточно много и в основном они регламентируются используемыми браузерами и серверными приложениями WEB сервера. Например сервер не поддерживает языки программирования, что особенно актуально для бесплатных WEB серверов. Тогда всю обработку производит WEB браузер.

Как внедряются EOT Fonts (Embedded Open Type шрифтов) написано в статье Шрифты и Интернет-технологии.

Конвертирование TTF (True Type Format) и OTF (Open Type Format) в EOT (Embedded Open Type Format) можно осуществить на странице: ttf2eot on the web! или Free Online Font Converter.

Нетрудно видеть, что использование EOT Fonts (Embedded Open Type шрифтов) и TTF (True Type шрифтов) существенно изменяют вид этого сайта. Поэтому автор настоятельно рекомендует этот метод украшения Ваших Web страниц. Если есть желание можно загрузить интересующие шрифты

Список используемых шрифтов.

Приводится список используемых на этом сайте шрифтов и ссылки на вызов Таблиц символов. Автор представляет достаточно качественные шрифты созданные или переработанные для использования в Internet различными браузерами...

Шрифт Примечания
Обычные шрифты.
1 Стандартный шрифт Шрифт установленный в браузере по умолчанию.    
2 Arial

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
3 Arlekino

Загружается EOT или TTF шрифт.

= =
4 Береста Цифры, знаки препинания и русские буквы. Загружается ЕОТ или ТТF шрифт. = =
5 Compact Довольно узкий (компактный) шрифт. Первоначально был разработан для использования в таблицах с большим количеством столбцов. = =
6 Courier

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
7 Garamond

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
8 Georgia Довольно распространённый шрифт, при отсутствии на вашем компьютере в Internet Explorer загружается EOT шрифт, в остальных браузерах стандартный шрифт. =  
9 GOST Чертёжный шрифт, по ГОСТ 2.304-81. Для использования в Microsoft Visio, AutoCAD, аналогичных графических программах и оформления рисунков чертежей. = =
10 Gothic Rus

Загружается EOT или TTF шрифт.

= =
11 Monotype Corsiva

Загружается EOT или TTF шрифт.

= =
12 Monte-Carlo

Загружается EOT или TTF шрифт.

= =
13 Optima Cyr

Загружается EOT или TTF шрифт.

= =
14 Rurintania Содержит русские заглавные буквы. Работает только в Internet Explorer до 10 включительно, загружается EOT шрифт, в остальных браузерах стандартный шрифт. =  
15 Tahoma

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
16 Times New Roman

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
17 Verdana

Довольно распространённый  шрифт, поддерживаемый большинством браузеров.

   
18 Wooden Ship Decorated Работает только в Microsoft Internet Explorer до 10 включительно, загружается EOT шрифт,  в остальных браузерах стандартный шрифт. =  
19 8Pin AV Шрифт состоящий из цифр и знаков. Загружается EOT или TTF шрифт:
0123456789
= =
Символьные шрифты.
20 Webdings

Специальные символьные шрифты от Била Гейтса!

Внимание! Загружается шрифт: GoodPc Simvol разработанный автором. Указанные шрифты работают только для Microsoft Internet Explorer! И даже не для всех версий!

ÿ

=

   
21 Wingdings    
22 Wingdings 2    
23 Wingdings 3    
24 GoodPc Simvol Символьный шрифт разработанный автором, для замены шрифтов: Webdings, Wingdings, Wingdings 2, Wingdings 3.   =
Шрифты - Знаки Зодиака.
25 Zodiac Pictogram

Загружается EOT или TTF шрифт:

abcdefghijklz
= =
26 Zodiac AV

Загружается EOT или TTF шрифт:

abcdefghijklz
= =
27 Zodiac AV2

Загружается EOT или TTF шрифт:

abcdefghijklz
= =
28 Zodiac Figure

Загружается EOT или TTF шрифт:

abcdefghijklz
= =
29 Zodiac Pic

Загружается EOT или TTF шрифт:

abcdefghijklz
= =
30 Zodiac AV3

Загружается EOT или TTF шрифт:

abcdefghijklz
= =

Если Вы занимаетесь Изотеризмом, Астрологией или увлекаетесь Зодиакальными Знаками Вам поможет страница: Шрифты Зодиака и Знаки Зодиака в специализированных шрифтах.

Каталоги бесплатных шрифтов.

Конверторы шрифтов.

Конверторы TTF (True Type Format) и OTF (Open Type Format) в EOT (Embedded Open Type Format).

Конверторы в несколько форматов.

8

 

Щёлкните (clik) и Вы перейдёте к Комментариям и пояснениям, а при нажатой клавише Alt в начало страницы “Шрифты для Web-сайта”.

 

Комментарии и Пояснения.

Как видите, решение, способное удовлетворить всех, в настоящее время отсутствует. Разработчики стандартов ведут между собой войну за господство своих форматов, а мы вынуждены приспосабливаться, стоять в стороне и ждать…

В конце концов, прогресс не стоит на месте. Возможно, что уже завтра появятся новые решения, которые позволят вам задействовать любые шрифты для оформления Web-страниц, причем без всяких технологических ограничений. Как делает это автор.

Автор настоятельно рекомендует прочитать Microsoft's Typography для более ясного представления о поднятых на этой странице проблемах и решениях…

Подробнее автор опишет этот приём более подробно. Хотя на многих страницах этого сайта уже широко используется этот метод (например: Созвездия Зодиака, Фотографии, Рисунки, Видео... и ряда других).

To be continue...

Случайное фото





В Начало Страницы:
Шрифты для Web-сайта”.

G

Copyright © 1997 - 2017. By: Апарышев Валерий. All rights reserved.

×µ

For Not Commercial Use !!

µØ

Пошлите Автору Пожалуйста Письмо !!

+


Яндекс.Метрика