Итак, вы только что создали свое javascript-приложение со всеми интересными функциями, которые вам нужны, что теперь? Пришло время поработать над своим приложением. Было бы неплохо, если бы вы были мастером CSS и могли бы сделать свое приложение супер-модным, но, к сожалению, это есть не у всех. Очень грустно видеть, что некоторым действительно блестящим приложениям уделяется мало внимания или вообще не уделяется внимания из-за того, что они не стилизованы. Даже если у вас нет особого чутья в дизайне, навыков CSS или времени для стилизации, есть способ сделать ваше приложение привлекательным: использовать правильный шрифт.
Возьмем, к примеру, Medium. В нем не так много причудливой цветной графики и цветовой схемы, но простота, которую он предлагает, делает его привлекательным. Шрифты, которые они используют, выглядят одновременно традиционными и современными (я знаю, это звучит странно, но это правда!), И из-за этих стилей шрифтов веб-сайт выглядит хорошо организованным и интересным даже без большого количества графики, кроме изображения, которое авторы блогов выбирают для каждый свой пост. Итак, как выбрать, какие шрифты использовать?
Я бы посоветовал подумать о назначении и функциональности создаваемого вами приложения и решить, какой тон вы хотите задать в своем приложении. Например, если вы создали детское игровое приложение, вы, вероятно, сможете использовать какие-нибудь игривые шрифты. Если это приложение для электронной коммерции, ваши шрифты должны выглядеть чистыми и легко читаемыми. Если вы не знаете, какой стиль шрифтов вам следует использовать, взгляните на некоторые другие приложения, похожие на ваше, и найдите стиль, который, по вашему мнению, хорошо впишется в созданное вами приложение.
После того, как вы приняли решение о том, какой общий стиль вы собираетесь использовать, перейдите на страницу Google Fonts и найдите что-то, что соответствует вашему стилю. Я хочу дать небольшой совет: не тратьте слишком много времени на изучение каждого шрифта. Я знаю, какие они интересные и красивые, но у вас есть и другие дела! Установите для себя ограничение по времени и быстро выберите что-то, что соответствует вашему мысленному представлению о вашем приложении. Применение и изменение шрифта совсем несложно, поэтому, если тот, который вы выбрали, не идеален, вы всегда можете вернуться и изменить его на другой. Google Fonts очень прост и удобен в использовании. Он позволяет вам ввести фразу, которую вы хотите увидеть в качестве примера, чтобы упростить процесс выбора шрифта. Также одной примечательной особенностью Google Fonts является то, что он показывает вам популярные варианты сочетания шрифтов для выбранного вами шрифта. Когда вы создаете приложение, вы, вероятно, будете использовать более одного шрифта, поэтому эта функция может сэкономить вам много времени.
Итак, теперь, когда вы выбрали, какой шрифт использовать, как применить его в своем приложении? Я продемонстрирую, как это сделать в три простых шага, используя счетчик новогодних праздников, который я сделал на прошлой неделе (однако я изменю дату окончания на 9 января 2021 года).
- На странице шрифтов нажмите «Выбрать этот стиль» и нажмите значок в правом верхнем углу (с плюсом и тремя квадратами), чтобы открыть меню в правой части окна.
2. Выберите опцию ‹link› и скопируйте второй тег ссылки и вставьте его в тег заголовка в свой html-файл.
3. Вернитесь на страницу шрифтов и скопируйте то, что находится в разделе «Правила CSS для определения семейств» (в данном случае: font-family: ‘Londrina Sketch’, cursive;), и вставьте это в свой файл CSS, где бы вы ни хотели использовать этот шрифт (в данном случае мы только есть тег тела).
ТАДА!
Как видите, использовать и изменять шрифты в приложении Javascript просто, но очень эффективно. Так что не стесняйтесь исследовать некоторые шрифты, чтобы ваше приложение выглядело потрясающе!
