1. Будущее Смотреть:
2. Размер шрифта
3. Лицо шрифта
4. Ограничения шрифта
5. Общие шрифты
6. Цвет шрифта

Путь // → → <FONT> TAG

Тег шрифта появился на ранних этапах жизни HTML, чтобы дизайнеры могли изменять размер, шрифт и цвет текста. Это принесло больше вреда, чем пользы - по разным причинам - но главным образом потому, что это чрезвычайно неэффективный способ форматирования текста. CSS форматирование текста значительно превосходит, но знание этих методов старого стиля все еще полезно.

Эта страница была последняя обновленный 2012-08-21

Будущее Смотреть:

С тех пор HTML 4.01 вышел в 1998 тег <font> устарел. Это означает, что его больше не следует использовать , поскольку у нас таблицы стилей в нашем распоряжении для форматирования текста на наших HTML-страницах.

Несколько трагично, что с тех пор количество использованных тегов <font> немного сократилось, так много лет назад. В связи с этим я настоятельно не рекомендую вам использовать тег <font> в вашем HTML . Это строго ограничивает и может добавить несколько килобайт к размеру файлов каждого из ваших HTML-файлов. Более того, это просто не нужно.

CSS, с другой стороны, дает вам гораздо больший контроль над тем, как выглядит ваш текст, и почти ничего не добавляет к вашему времени загрузки. Если вам еще не приходилось заниматься таблицами стилей, не бойтесь - с ними действительно не так сложно разобраться. Прочитайте введение в таблицы стилей , а потом CSS и текст и ты никогда не оглянешься назад.

Дальнейшее чтение:

Остальная часть этой страницы - просто описание того, как работал тег <font>. Поскольку вы не будете использовать его, конечно, вы должны прочитать это исключительно из интереса.

Размер шрифта

У вас есть два варианта при настройке размера вашего текста: определение размера абсолютно или относительно . Абсолютные размеры находятся в диапазоне от 1 до 7 и установлены следующим образом:

<font size = "2"> текст </ font>

У большинства браузеров по умолчанию установлен размер шрифта 3 . Большинство сайтов будут иметь размер текста около 2 или 3.

Относительный размер означает, что текст будет изменен относительно размера пользователя по умолчанию . Это лучше, потому что он адаптируется к предпочтениям ваших пользователей - если они специально настроили свои браузеры так, чтобы они отображали больший текст, чем обычно, ваш текст будет расти пропорционально. У вас есть диапазон от +6 до +1 и от -1 до -6. Плюс 1 и минус 1 будут те, которые вы будете использовать чаще всего. В качестве ярлыков для этих двух размеров есть теги <big> </ big> и <small> </ small>, которые помогают.

<font size = "+ 1"> Текст на один размер больше, чем в браузере по умолчанию. </ font>

Держитесь подальше от действительно маленького текста, так как его всегда слишком сложно читать. Большой текст может затопить страницу и вызвать слишком много прокрутки. В конце концов, ваш выбор размера шрифта будет во многом зависеть от того, сколько текста будет на странице за раз. Это также связано с вашим выбором шрифта, к которому мы перейдем далее.

Лицо шрифта

Прежде всего, если вы не вносите никаких изменений, ваш текст, вероятно, будет выглядеть так:

12pt Black Times New Roman

Не самый красивый или подходящий шрифт в мире, потому что он действительно предназначен для чтения с бумаги, а не с экранов компьютеров. Итак, вы захотите изменить его на что-то более читаемое и приятное на вид.

Загляните в папку со шрифтами (на ПК это C: \ windows \ fonts ). Там должно быть несколько десятков разных шрифтов. Некоторые из них подойдут для использования в Интернете, а другие вы будете использовать снова и снова. Одним из наиболее распространенных шрифтов, используемых в сети, является Arial (вариант Helvetica для Mac). Чтобы изменить текст на Arial или любой другой шрифт, теги

<font face = "Arial"> Ваш текст здесь. </ font>

Атрибут face был назван так, потому что шрифты более точно известны как гарнитуры .

Ограничения шрифта

Конкретный шрифт будет отображаться на экране компьютера только в том случае, если на его компьютере установлен этот шрифт. Так что, если у вас есть вся страница, определенная цифровым шрифтом ( »Скачать ) или что-то еще, множество ваших зрителей просто получат страницу со скучным старым Times New Roman. Чтобы обойти это, лучшая идея, конечно, заключается в использовании общих шрифтов . Существует ряд общих шрифтов, которые, вы можете быть более или менее уверены, появятся во всех системах ваших читателей. Атрибут face позволяет указывать список шрифтов одновременно. Рекомендуется указывать резервные шрифты на случай, если что-то пойдет не так. Часы:

<font face = "Цифровой, Arial, Helvetica, без засечек"> текст </ font>

Видите - у вас есть пара шансов найти хороший шрифт, разделенные запятыми. Если первый вариант недоступен, будет использован ваш второй выбор и так далее. Вы можете продолжить с длинным списком, но на самом деле, вы должны остановиться после 3, потому что иначе вы тратите свое время. Постарайтесь, чтобы шрифты оставались похожими, и заканчивайте их обычным шрифтом, чтобы держаться подальше от Times.

Все шрифты являются членами определенного семейства шрифтов. Например, Arial имеет тип «без засечек». Если все ваши альтернативы исчерпаны, не найдя соответствия, в крайнем случае вы должны указать семейство шрифтов. Если дело доходит до этого, будет использоваться значение по умолчанию для этого семейства. Вы можете узнать все о семействах шрифтов и различиях между ними в веб типография ,

Даже тогда большинство людей не увидят ваш супер крутой шрифт, поэтому, если вы хотите, чтобы этот шрифт использовался, сделайте его графическим редактор изображений и поместите изображение на свою страницу там, где вы хотите. Он не одобряется в правильном веб-дизайне, но если вы только начинаете, это приемлемо, пока вы не научитесь правильно обходить его. Помните, конечно, что если у кого-то отключены изображения, он вообще не сможет прочитать этот текст. Убедитесь, что это не слишком важно, и всегда используйте атрибут alt ,

sourcetip: если у вас есть текстовый процессор, такой как Word, попробуйте несколько шрифтов в этом. Это намного быстрее, чтобы найти тот, который вы хотите.

Общие шрифты

Для вашего удобства, вот группа самых популярных и распространенных списков шрифтов:

• Arial, Helvetica, без засечек
• Требушет М.С., Ариал, Гельветика, без засечек
• Вердана, Женева, без засечек
• Times New Roman, Таймс, засечек
• Грузия, Гарамонд, Палатино, засечек
• Курьер Новый, Курьер, моноширин

Цвет шрифта

Чтобы изменить цвета текста на странице для всей страницы , вы можете определить его в теге <body>. У меня есть полный учебник по тело здесь ,

Чтобы изменить цвета только небольшого блока текста или отдельного слова, вы должны снова использовать старый шрифт. Формат

<font color = "# ff0000"> текст </ font>

Цвета в HTML должны быть определены как HEX коды , которые представляют собой 6-значные коды, представляющие количество красного, зеленого и синего (RGB) в цвете. Чтобы увидеть полную таблицу этих кодов, чтобы вы могли выбрать те, которые вам нравятся, см. HEX таблица цветов ,

<font color = "green"> текст </ font>

Более новые браузеры позволяют вместо этого дать название цвета, как указано выше, но ваш выбор более ограничен. Чтобы увидеть таблицу этих цветов, посмотрите на этот график ,

Похожие

Комментарии