Мы разрабатываем дело с шрифтами каждый день. Но мы никогда не заботились об их существовании. Мы не использовали их хорошо или даже злоупотребляли ими. Это все, потому что мы их не знаем. Шрифты являются одним из важных элементов набора набора; В этой статье давайте обсудим с вами это глубокое знание. Тип шрифта Английские шрифты (шрифт) делятся на несколько основных категорий. 1. Serif Serif является декоративной частью краев ударов. Красная маркировка на рисунке ниже - засечка. Первоначальное намерение дизайна засечка заключается в том, чтобы более четко указывать на конец инсульта, улучшить скорость распознавания и улучшить скорость чтения. Кроме того, использование шрифтов засечка заставит людей чувствовать себя более православными. Таким образом, многие из наших общих английских книг, особенно бумаг и романов, используют засечки, чтобы завершить основной текст. Обычно используемые засечки в веб -дизайне - это время новой римской и Грузии. Левая сторона рисунка ниже - The Times New Roman Font с 12PX, а правая - Георгия с 12PX. На китайском языке, который мы используем, является соответствующим шрифтом засечка. 2. Sans-Serif/Sans-Serif Если шрифт не является засечками, он называется Sserif или Sans Serif. Следующий рисунок - Sanserif. В веб -дизайне используются относительно более распространенные без засечки. Есть ариальные, вердана, тахома, Helivetica, Calibri и т. Д. Следующая цифра - Arial, Verdana и Tahoma слева направо: Стоит отметить, что, хотя шрифты с засечками широко используются в книгах, в Интернете используются шрифты с засечками редко. Поскольку разрешение экрана компьютера не сопоставимо с разрешением книг, трудно распознать шрифты с засечками от 10 до 12px текста на экране компьютера. На рисунке ниже сравнивается вердана 10px и Times New Roman 10px без ClearType. Вы можете обнаружить, что вердана слева может быть хорошо идентифицирована. Времена Нового Романа справа довольно сложно идентифицировать. 3. Monospace Шрифты монашины на самом деле только для западных шрифтов. Потому что ширина английских букв варьируется. Например, я намного уже, чем м. При программировании отображается код, если буквы не равны по ширине, макет будет уродливой. В командной строке DOS мы видим, что используется шрифт Monospace. Шрифты Monospace, необходимые для программирования, имеют следующие требования: 1. Все символы равны по ширине; 2. Краткие, четкие и стандартизированные формы символов; 3. Поддерживает расширенные наборы символов с кодом ASCII 128 или выше; 4. Материал -символы (ASCII: 0 × 20) равны другим символам; 5. Три персонажа, такие как «1», «L» и «i», легко различить; 6. Три персонажа, такие как «0», «O» и «O», легко различить; 7. Передние и задние части двойных цитат и отдельных кавычек легко различить, и лучше всего иметь зеркальный симметричный; 8. Чистые фигунные формы, особенно кудрявые скобки, круглые брекеты и квадратные брекеты. Общие шрифты Monoscace включают курьера, новая курьера 4. Каллиграфия Как следует из названия, почерк - это шрифт в стиле почерка. Иногда мы также называем это шрифтами каллиграфии. Большинство китайских шрифтов каллиграфии относительно жесткие. Я лично рекомендую использовать японские шрифты каллиграфии. Японские шрифты каллиграфии более мягкие и гуманные. Тем не менее, недостаток использования японских шрифтов каллиграфии заключается в том, что большинство из них являются традиционными, и многие китайские иероглифы отсутствуют. 5. Символ Самым известным символическим телом в Windows является WebDINGS (я помню, что мне нравилось использовать его, когда я был в Windows 95 ...). Вот несколько шрифтов Webdings: Стиль шрифта Общие стили шрифта разделены на: нормальные, жирные жирные, курсивные. Проще говоря, жирным шрифтом означает, что шрифт будет темнее и более «толстым». Куртинг означает слегка наклонение оси персонажа. Все они используются, чтобы подчеркнуть определенный абзац в пространстве. Говоря о жирном жирном сайте, мы можем легко связать атрибут Font-Weight в CSS. Мы знаем, что в дополнение к нормальному и смелому мы обычно используем значение атрибута Font-Weight также обладает такими свойствами, как смелый, более легкий, 100 ~ 900. Так какова стоимость 100 ~ 900? Отличные шрифты обеспечат различные конструкции для различных весов шрифта. Если шрифт имеет встроенный дизайн толщины различных уровней заранее, эти значения будут соответствовать каждому уровню соответственно. Например, Цюрихские шрифты включают в себя шесть шрифтов: Цюрихский свет, регулярное Цюрих, Цюрихскую среду, Цюрихский жирный, Цюрихский Черный и Цюрих Ультраблок. Таким образом, Zurich Light соответствует трем значениям: 100, 200 и 300, Zurich Regular соответствует 400, что является «нормальной», Цюрихская среда соответствует 500, а Zurich Bold, который «жирный жирный жирный» соответствует 600, соответствует 600, и 600, соответствует 600, и Zurich Bold, которая является «жирным шрифтом», соответствует 600 700, Zurich Black соответствует 800, и, наконец, Zurich Ultrablack соответствует 900. Для китайского куркала он обычно не используется в Интернете. Поскольку в китайском языке много ударов, будет трудно определить, если он будет использован. единица Некоторые подразделения будут использоваться в нашем веб -дизайне: 1. Точка (Pt, Point) 72 балла = 1 дюйм, 1 дюйм - 72 балла. Кроме того, 1 пикап (PICA) = 12 очков 2. Pixel (Pixel, PX) Пиксель - это самый маленький блок изображения на экране компьютера, а в терминах мирян это самая маленькая точка на экране. 3. DPI, PPI Полное название DPI составляет точки на дюйм, а полное название PPI - пиксель на дюйм. Они являются единицами разрешения. То есть, сколько очков (пикселей) может быть расположено по длине 1 дюйма. Например, как правило, наш монитор составляет около 72ppi, что означает 1 дюйм в длину, с 72 точками (пикселями). Чем выше DPI/PPI, тем выше разрешение, то есть, тем меньше частицы, тем нежнее изображение. Вообще говоря, разрешение фотографии составляет от 240 дюймов до 300DPI, так почему же фотография выглядит гораздо более подробно, чем на экране? Журнальная печать использует 133 или 150 др., А высококачественные книги используют 350-400DPI, потому что в большинстве красивых печатных книг используются от 175 до 200 дюймов при печати. Так почему же намного яснее читать текст того же физического размера в книгах, чем читать на экране? То есть, мы упоминали ранее, почему мы можем смело использовать шрифты без зарисования для печати английских книг? По сути, нет различий между DPI и PPI. Если вы действительно хотите найти разницу, то единственная разница может заключаться в том, что DPI часто используется для описания сканеров и принтеров, в то время как PPI часто описывает разрешение экрана. 4.Ex, x-Height Часто используется в CSS. 1ex = высота строчной буквы x. 5. Часто используется в CSS. Конечно, EM не представляет высоту строчной буквы M (фактически, высота строчной буквы M, как правило, такая же, как высота строчной буквы x). 1ем = 100% от размера шрифта. это несколько единиц. интервал 1. Линейная высота, ведущая Когда дело доходит до расстояния между линиями (высота линии, свинец), мы должны сначала узнать термин, называемый базовым уровнем. Вы помните линейную сетку, которую мы использовали, чтобы писать письма, когда мы впервые выучили английский? Базовая линия - это прямая линия над нисходящей частью шрифта, которую большинство букв «сидят». Большинство шрифтов, заглавных букв всегда придерживаются базовой линии и выше базовой линии. Китайские шрифты такие же, как и в английских заглавных буквах. Красная линия на рисунке ниже - базовая линия. Затем расстояние между линиями относится к расстоянию между двумя соседними линиями и базовой линией. Единица интернет -интервала часто используется для определения расстояния между линиями в соответствии с размером шрифта. В браузере нет правила для расстояния между строками по умолчанию. Более того, с советом, предоставленным W3C, он считает, что интервал между строк по умолчанию должен быть между 1,0 эм. До 1,2 года. Фактически, при установлении интервала линий есть принцип набора набора, то есть разрыв между линиями должен быть больше, чем разрыв между словами. Адекватное расстояние между линиями может разделить каждую строку текста, что позволяет глазам различать предыдущую или следующую строку. В последние годы большинству людей нравится макет основного текста в Интернете с расстоянием между линиями 1,5 эм, особенно китайскими веб -сайтами. То есть, если используется размер шрифта 12px, дизайнеры часто похожи на расстояние между линиями 18px. 1.5EM - это действительно хорошая ценность опыта. Фактически, в спецификации китайских бумаг также используется интервал между линиями 1,5 эм. 2. Пространство букв, отслеживание Расстояние слов относится к расстоянию между группой букв. Расстояние символов влияет на плотность текста в строке или абзаце. 3. Кернинг Kering - это техническая обработка, которая выполняется из -за визуальных потребностей. Проще говоря, когда расположены два конкретных символа, вы можете указать уникальное расстояние между символами для них отдельно. Например, когда за столицей A следует строчный V, между двумя символами появится визуально больший интервал (на самом деле, интервал символов одинаково), что не может быть решено с помощью обычного расстояния между символами. Если они уменьшены, другие буквы будут соединены в шар. В настоящее время для ее обработки необходима корректировка кернина. На следующем рисунке показан пример использования Kerning: абзац 1. Президент (мера) Длина строки относится к ширине абзаца текста. Как показано ниже: Есть два вопроса разборчивости, связанные с президентом: Чем длиннее длина линии, тем больше требуется расстояние между линиями. Расстояние между линиями слишком мал, что позволяет читателям легко сериализовать при чтении новичков. Расстояние между линиями слишком велик, и читатели будут чувствовать, что текст прерывится при чтении строки. В тексте желательно иметь от 40 до 70 букв на строку. 2. Выравнивание Существует в основном четыре типа выравнивания параграфов: слева (слева (слева), справа (промывка справа), центрированные (центрированные) и оправданные. Левое выравнивание относится к методу выравнивания, который устанавливает текстовое содержание, регулирует горизонтальное расстояние текста и выравнивает текст в параграфах или статьях слева в горизонтальном направлении. Левое выравнивание дает текст на левой стороне статьи аккуратный край. В то же время правая сторона текста будет неровной. Следовательно, английское выравнивание влево также называется рваным справа, что означает правую сторону с неровными появлениями. Правильное выравнивание то же самое. Центральное выравнивание относится к методу выравнивания, который устанавливает текстовое содержание, регулирует горизонтальное расстояние текста и делает текст в абзаце или статье выравниваться в горизонтальном направлении до середины. Совместите центр так, чтобы текст с обеих сторон статьи аккуратно сконцентрирован в середине, чтобы весь абзац или статья аккуратно расположены. Выравнивание двух концов означает настройку двух концов текстового содержимого, настраивая горизонтальное расстояние текста/слов, чтобы он равномерно распределен между левой и правой страницей. Совместите два конца так, чтобы текст с обеих сторон имел аккуратные края. После использования двух концов для выравнивания линии выравнивания с обеих сторон будут ясны, а «быстрое» ощущение текстовых блоков будет очевидным. Тем не менее, в английском наборе, когда длина линии очень короткая, используя два конца, чтобы выровнять, это может сделать несколько линий с слишком длинным расстоянием и некоторыми линиями с слишком коротким расстоянием, так что неровное расстояние будет очень грязным. одежды с пятнами повсюду. 3. Простота читаемости Грамотность описывает легкость и комфорт чтения типографского текста. На самом деле, это самая фундаментальная цель обычного дизайна. В дополнение к некоторым из принципов, описанных выше, я включил некоторые небольшие принципы читаемости и делюсь с вами: Дизайн использует до трех размеров шрифтов. Максимум три шрифта используются в одной конструкции. Определенный контраст должен быть обеспечен, но не должно быть чрезмерного контраста. Ян текст (черные символы на белом фоне) легче читать, чем текст Инь (черные персонажи на черном фоне). На фоне #FFFF, использование текста #333 выглядит более удобным, чем текст #000. Обратите внимание на фон текста. Фон должен быть одиноким. Избегайте фонового шума. «Меньше больше» использует наименее элементы для передачи наибольшей информации. Сделайте вашу ссылку похожей на ссылку. Хорошо использовать свое пространство.