шрифт – Веб-студия EIPE – создание и продвижение сайтов в Клину

Изменение шрифта на сайте

sproadmin — Tue, 22 Nov 2016 23:01:56 +0000

Если вы приняли решение изменить шрифт для всего сайта, то вам стоит понимать, что подобного рода изменения вносятся в таблицу стилей css. Как правило, в таблице стилей установлены несколько шрифтов. Тот шрифт, что стоит самым первым после двоеточия, является основным и используется на сайте в качестве основного. Для чего нужны остальные шрифты? Здесь все просто: если, например, по определенным причинам браузеру не удалось загрузить указанный шрифт, он загрузит тот шрифт, который доступен на данный момент.

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

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

Шрифты Google Fonts претерпели изменений

sproadmin — Tue, 15 Nov 2016 13:47:04 +0000

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

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

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

Лучшие шаблоны eCommerce этого года

sproadmin — Mon, 14 Nov 2016 22:55:59 +0000

Porto
Porto – адаптивный шаблон, который включает в себя 18 шаблонов домашней страницы и макет сайта. Товарные позиции могут размещаться по столбцам разных размеров (от 2 до 8 столбцов). Среди прочих предоставляемых возможностей – нелимитированная цветовая гамма, возможность создания страниц с товарами с их выбором, более 300 различных настроек в панели разработчика.

Journal

Journal – многофункциональный шаблон, имеющий более чем 2000 опций. Этот шаблон является универсальным, и с его помощью может быть создан практически любой Интернет магазин. В шаблоне предусмотрено удобное многоуровневое меню, воспользовавшись которым можно построить систему навигации с подкатегориями, внедрить привлекательные изображения, разработать адаптивный дизайн.

Ultimo

Ultimo является премиум шаблоном с расширенными возможностями разработчика, посредством которых осуществляется настройки Интернет магазина. Шаблон идеально подходит для создания абсолютно любого магазина. Отличительными особенностями является не лимитированная цветовая гамма, возможность использования неограниченного числа шрифтов, возможность создания многоуровневого меню и т.д.

Веб дизайн и производительность

sproadmin — Wed, 09 Nov 2016 22:49:38 +0000

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

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

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