Лато-шрифт

  1. Характеристики
  2. Установить библиотеку с Bower
  3. использование
  4. намек
  5. Интеграция CSS
  6. SCSS API
  7. Обратная связь
  8. Лицензии
  9. Шрифт

Это последняя официальная 2

Это последняя официальная 2.015 веб-версия OpenSource Шрифт лато подходит для использования с НПМ или же Беседка ,

Поддержка устаревших шрифтов EOT и TTF в версии 3.0.0 прекращена. Если вам это нужно для старые устройства Пожалуйста, используйте версию 2.0.0.

Характеристики

  • последняя официальная веб-оптимизированная версия шрифта Lato
  • поддерживает все диапазоны юникода (т.е. языки), варианты и стили, предоставляемые шрифтом Lato
  • предоставляет опции интеграции CSS и SCSS ( SASS / Compass )
  • устанавливается с Bower и Npm
  • отдельные шрифты могут быть добавлены в проект с помощью Интеграция SCSS
  • все шрифты можно добавить в проект, просто включив предоставленный CSS-файл
  • библиотека чрезвычайно настраиваема и предоставляет очень удобные SCSS API

Монтаж

Установить библиотеку с помощью npm

нпм я -D лато-шрифт

Установить библиотеку с Bower

установка bower --save-dev lato-font

использование

Или связать библиотеку напрямую через CSS или использовать при условии SCSS API в вашем процессе сборки.

Используя SCSS API Вы можете легко добавить отдельные шрифты в свой проект!

намек

Средние версии шрифта Lato (как обычные, так и курсивные) доступны под именем Lato Medium, а не просто Lato. Это необходимо, потому что варианты Medium и Normal используют одинаковый вес 400. CSS поддерживает только значения, кратные 100, для свойства font-weight.

Интеграция CSS

Просто свяжите предоставленный файл CSS с вашей страницей:

<link rel = "stylesheet" href = "/ bower_components / lato-font / css / lato-font.css">

Затем используйте предоставленные font-face в CSS:












SCSS API

Лучший способ использовать эту библиотеку шрифтов - это интеграция с SCSS ( SASS / Compass ).

Рассмотрим этот пример:



;

;




h1



п . котировка


Вы можете увидеть список доступных миксов в /scss/public/_mixins.scss.

Список доступных вариантов находится в /scss/internal/_variables.scss.

Вы можете переопределить каталог пути шрифта, используя переменную $ lato-font-path.

Обратная связь

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

Если у вас есть вопрос - напишите его Переполнение стека и пришлите мне ссылку на [email protected] , Я буду рад помочь. Также, пожалуйста, создайте шлепнуть продемонстрировать проблему, если это уместно.

Есть какие-нибудь идеи или предложения? Не стесняйтесь связаться со мной по Адрес электронной почты ,

Ура!

Лицензии

Библиотека

Лицензия MIT (MIT) Copyright (c) Разрешение Славы Фомина II 2014 года настоящим бесплатно предоставляется любому лицу, получающему копию этого программного обеспечения и связанных с ним файлов документации (далее - «Программное обеспечение»), для работы с Программным обеспечением без ограничений. , включая, помимо прочего, права на использование, копирование, изменение, объединение, публикацию, распространение, сублицензирование и / или продажу копий Программного обеспечения, а также разрешение лицам, которым предоставляется Программное обеспечение, делать это при соблюдении следующих условий: Вышеуказанное уведомление об авторском праве и это уведомление о разрешении должны быть включены во все копии или существенные части Программного обеспечения. ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЯ ГАРАНТИЙ ТОВАРНОГО ОБЕСПЕЧЕНИЯ, ПРИГОДНОСТИ ДЛЯ ОСОБЫХ ЦЕЛЕЙ И НЕЗАКРЕПЛЕНИЙ. Ни при каких обстоятельствах авторы или держатели авторских прав не несут ответственности за любые претензии, ущерб или другую ответственность, возникающие в результате действия контракта, деликтного или иного действия, возникающие в результате, в результате или в связи с программным обеспечением или использованием в другом месте. ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ.

Шрифт

-------------------------------------------------- --------- SIL OPEN FONT LICENSE Версия 1.1 - 26 февраля 2007 г. ------------------------------- ---------------------------- PREAMBLE Целью Open Font License (OFL) является стимулирование всемирной разработки совместных шрифтовых проектов, чтобы поддерживать усилия по созданию шрифтов в академических и лингвистических сообществах, а также предоставлять бесплатную и открытую структуру, в которой шрифты могут совместно использоваться и улучшаться в партнерстве с другими. OFL позволяет свободно использовать, изучать, модифицировать и распространять лицензированные шрифты, если они не продаются сами по себе. Шрифты, включая любые производные работы, могут быть связаны, внедрены, распространены и / или проданы с любым программным обеспечением при условии, что любые зарезервированные имена не используются производными работами. Шрифты и производные, однако, не могут быть выпущены под любым другим типом лицензии. Требование, чтобы шрифты оставались по этой лицензии, не распространяется на любой документ, созданный с использованием шрифтов или их производных. ОПРЕДЕЛЕНИЯ «Программное обеспечение для шрифтов» относится к набору файлов, выпущенных Владельцами авторских прав в соответствии с данной лицензией и четко обозначенными как таковые. Это может включать в себя исходные файлы, сценарии сборки и документацию. «Зарезервированное имя шрифта» относится к любым именам, указанным в качестве таковых после заявления об авторских правах. «Оригинальная версия» относится к совокупности компонентов программного обеспечения шрифтов, распространяемой правообладателем (-ями). «Модифицированная версия» относится к любому производному, созданному путем добавления, удаления или замены - частично или полностью - любых компонентов оригинальной версии, путем изменения форматов или переноса программного обеспечения шрифта в новую среду. «Автор» относится к любому дизайнеру, инженеру, программисту, техническому писателю или другому лицу, которое внесло свой вклад в Font Software. РАЗРЕШЕНИЕ И УСЛОВИЯ Настоящим предоставляется бесплатное разрешение любому лицу, получающему копию Программного обеспечения шрифта, использовать, изучать, копировать, объединять, встраивать, модифицировать, распространять и продавать измененные и неизмененные копии Программного обеспечения шрифта, при условии при соблюдении следующих условий: 1) Ни Программное обеспечение для шрифтов, ни какой-либо из его отдельных компонентов, в Исходной или Модифицированной версиях, не могут быть проданы сами по себе. 2) Оригинальные или модифицированные версии программного обеспечения шрифта могут быть связаны, распространяться и / или продаваться с любым программным обеспечением при условии, что каждая копия содержит вышеуказанное уведомление об авторских правах и настоящую лицензию. Они могут быть включены как в виде отдельных текстовых файлов, читаемых человеком заголовков, так и в соответствующие машиночитаемые поля метаданных в текстовых или двоичных файлах, если пользователь может легко просматривать эти поля. 3) Никакая измененная версия программного обеспечения шрифта не может использовать зарезервированные имена шрифтов, если только соответствующее правообладатель не дает явного письменного разрешения. Это ограничение распространяется только на имя основного шрифта, представленное пользователям. 4) Имя (имена) правообладателя (ей) или автора (ов) шрифтового программного обеспечения не должно использоваться для продвижения, одобрения или рекламы какой-либо измененной версии, кроме как для подтверждения вклада (ов) владельца авторских прав. (ы) и Автор (ы) или с их явного письменного разрешения. 5) Программное обеспечение шрифта, измененное или немодифицированное, частично или полностью, должно распространяться полностью по этой лицензии и не должно распространяться по какой-либо другой лицензии. Требование, чтобы шрифты оставались под этой лицензией, не распространяется на любой документ, созданный с использованием программного обеспечения шрифтов. ПРЕКРАЩЕНИЕ ДЕЙСТВИЯ Данная лицензия становится недействительной, если какое-либо из вышеуказанных условий не выполнено. ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ ЗА ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ ПРЕДОСТАВЛЯЕТСЯ «КАК ЕСТЬ», БЕЗ КАКИХ-ЛИБО ГАРАНТИЙ, ЯВНЫХ ИЛИ ПОДРАЗУМЕВАЕМЫХ, ВКЛЮЧАЯ, НО НЕ ОГРАНИЧИВАЯСЬ ​​ЛЮБЫМИ ГАРАНТИИ ТОВАРНОГО ЗДАНИЯ, ФИТНЕСА ДЛЯ ОСОБЫХ НАЗНАЧЕНИЙ, ПЕРЕВОЗКИ ИЛИ ПРОБЛЕМЫ. НИ В КОЕМ СЛУЧАЕ НЕ БУДЕТ ОТВЕТСТВЕННОСТЬ АВТОРСКОГО ПРАВА ЗА ЛЮБЫЕ ПРЕТЕНЗИИ, УЩЕРБ ИЛИ ДРУГУЮ ОТВЕТСТВЕННОСТЬ, ВКЛЮЧАЯ ЛЮБЫЕ ОБЩИЕ, ОСОБЫЕ, НЕПОСРЕДСТВЕННЫЕ, СЛУЧАЙНЫЕ ИЛИ КОСВЕННЫЕ УБЫТКИ, В ДЕЙСТВИИ С ДОГОВОРОМ, ИЛИ ИСПОЛЬЗОВАНИЕМ, ИЛИ НАРУШЕНИЕ, ИЛИ НАРУЖЕНИЕ ИЛИ НЕДОПУСТИМОЕ ИСПОЛЬЗОВАНИЕ ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ ШРИФТА ИЛИ ОТ ДРУГИХ СБОРОВ В ПРОГРАММНОМ ОБЕСПЕЧЕНИИ Шрифта

Похожие

Использование карт разума для продуктивности
Организационная схема, известная как «карта ума», может напоминать вам о чем-то, что вы рисовали в начальной школе, но на самом деле это мощный инструмент повышения производительности при правильном использовании. Британский поп-психолог Тони Бузан ввел термин в 70-х для организационной техники, которая похожа на сеть списков дел. Вы начинаете с центральной темы, такой как «Задачи» (чтобы использовать общий пример), а затем разбиваетесь
Использование кондиционера для обогрева вашего дома
Я думаю об использовании кондиционера для отопления дома. Может ли это быть единственным источником тепла в течение зимы и стоит ли это того?
Легально скачать Windows 10, 8, 7 и установить с флешки
Если у вас есть действующий ключ продукта Windows, вы можете загрузить полные легальные копии Windows 7, Windows 8.1 или Windows 10 от Microsoft и использовать их для переформатирования вашего компьютера или для установки нового компьютера. Еще лучше то, что теперь вы можете использовать ключ продукта Windows 7 или Windows 8.1, чтобы также установить Windows 10 на компьютер. Таким образом, если у вас есть ПК с Windows 7 или 8.1, и вы хотите выполнить чистую установку, теперь вы можете
Что использовать для стайлинга React?
... CSS без каких-либо специальных инструментов? Конечно, ответ - да. Вы могли бы сделать это. На самом деле, если ваш проект крошечный, это может быть правильным подходом для вас. Вы даже можете просто вставить тег <style> вверху вашего index.html и поместить туда свои стили. Рано или поздно, вот несколько проблем, с которыми вы можете столкнуться: Вам нужна кросс-браузерная поддержка, и вам не нравится писать все
производство
Производственный модуль является одним из самых современных в Польше и соответствует новейшей концепции Industry 4.0. По последнему Отчет PARP о состоянии сектора МСП (2016 г.) Около 1/3 компаний указывают на внедрение новых технологий (включая новые ИТ-решения) в качестве меры, предпринимаемой для борьбы с конкуренцией. Новый производственный модуль, предназначенный для компаний,
Оптимизация веб-шрифтов для производительности: состояние дел
... API загрузки шрифтов CSS API загрузки шрифтов CSS основанный на стандартах способ загрузки и контроля веб-шрифтов. Общий рекомендуемый подход состоит в том, чтобы избегать FOIT и управлять FOUT как можно лучше. Этот API может отслеживать каждую стадию загрузки шрифта. Вы можете использовать эту информацию для стилизации текста с использованием веб-безопасных шрифтов, когда шрифты недоступны, и для стилизации
Отображение данных Excel в управляемой данными презентации PowerPoint
Иногда вы хотите отобразить оперативную информацию в презентации PowerPoint. Может быть, вам нужно отображать результаты или результаты в режиме реального
Параграфы Drupal: не ваша основная страница
Если вы не слышали о Пункты Этот модуль является ответом на многие болевые точки, связанные с типичным WYSIWYG редактор: Распространенные проблемы WYSIWYG Невозможность добавить богатый контент (галереи, аккордеоны, фоны параллакса и т. Д.) Неправильная разметка и / или нежелательные встроенные стили Клиентская путаница
Motorola Moto X Force: цена, характеристики и где купить
Примечание Ки Качество / Цена 7,5 На тему Motorola Moto X Force Все мобильные телефоны Все марки телефонов Motorola Motorola Moto X Force
Обзор Doogee X5 Max Pro: хорошо за 85 долларов, не так уж и хорошо
Одна из причин, по которой я решил рассмотреть этот телефон, была из-за огромной батареи. Время работы от батареи, пожалуй, самая важная вещь в смартфонах сейчас, так как все остальные аспекты телефонов развивались стремительно… за исключением батареи. Поскольку гигантские производители, такие как Apple и Samsung, участвуют в гонке за самым тонким телефоном, некоторые могут сказать, что время автономной работы, хотя и определенно учитывается в процессе проектирования, не является наивысшим
Загрузить драйверы AMD Network / Ethernet
После обновления вашего компьютера до Windows 10, если ваши драйверы AMD Network / Ethernet не работают, вы можете решить проблему, обновив драйверы. Возможно, ваш сетевой / Ethernet-драйвер несовместим с более новой версией Windows. Поиск драйверов сетевых / сетевых устройств AMD по названию модели или номеру Есть два способа обновления драйверов. Вариант 1 (рекомендуется): автоматическое обновление драйверов - Пользователи-новички

Комментарии

Как установить плагин?
Как установить плагин? Прежде чем узнать лучшие плагины для Photoshop, важно знать, как их установить. Мы можем предложить два разных типа плагинов: Плагины с устанавливаемым файлом: многие плагины уже готовы сделать жизнь немного проще и поставляются непосредственно с исполняемым файлом для установки в Photoshop. Просто запустите установочный файл и следуйте инструкциям. Плагины без устанавливаемого файла: с другой стороны,
5. Должен ли я следовать определенным рекомендациям, чтобы установить это?
5. Должен ли я следовать определенным рекомендациям, чтобы установить это? да и нет, процесс установки прост, и вы можете сделать это даже без руководящих указаний, но при желании вы можете взглянуть на описанный выше процесс установки, который обеспечит быструю установку приложения чит-движка на телефоны Android. 6. Как насчет онлайн-игр, можно ли использовать Cheat Engine apk для этого? Он не работает для любых онлайн-игр, будь
2. Установить Android AVD?
2. Установить Android AVD? Я решил оставить настройки по умолчанию. После нажатия кнопки « Далее» меня перенаправили на панель « Параметры конфигурации» , где меня попросили выбрать, куда установить Android Studio.
Com/css?
com/css? family = Lato | Raleway' rel = 'stylesheet' type = 'text / css'> Хотя это и не влияет на общее количество загруженных битов, количество HTTP-запросов сокращается, и было доказано, что это улучшает время загрузки страницы. Чем больше шрифтов вы используете, тем больше потенциальная экономия - хотя есть и другие веские причины для ограничения количества используемых вами внешних шрифтов. Кроме того, этот метод делает код более лаконичным и читабельным. Вам нужно
Вы можете быть удивлены - я не могу просто использовать CSS без каких-либо специальных инструментов?
Вы можете быть удивлены - я не могу просто использовать CSS без каких-либо специальных инструментов? Конечно, ответ - да. Вы могли бы сделать это. На самом деле, если ваш проект крошечный, это может быть правильным подходом для вас. Вы даже можете просто вставить тег <style> вверху вашего index.html и поместить туда свои стили. Рано или поздно, вот несколько проблем, с которыми вы можете столкнуться: Вам нужна кросс-браузерная
Bmp | css | js | gif | ico | jpe?
bmp | css | js | gif | ico | jpe? g | png | swf | woff) (? i). * \. (bmp | css | js | gif | ico | jpe? г | PNG | SWF | Уофф) [\ ?;] *. Перед запуском рекордера вам необходимо настроить браузер на использование прокси-сервиса. В Firefox вы можете настроить это в Предпочтения -> Дополнительно -> Сеть -> Настройки. Адрес прокси-сервера HTTP - «localhost», а порт - 8080 (если вы не изменили его в настройках рекордера). Вы также можете использовать расширение FoxyProxy, которое

Есть какие-нибудь идеи или предложения?
Может ли это быть единственным источником тепла в течение зимы и стоит ли это того?
CSS без каких-либо специальных инструментов?
Как установить плагин?
5. Должен ли я следовать определенным рекомендациям, чтобы установить это?
5. Должен ли я следовать определенным рекомендациям, чтобы установить это?
6. Как насчет онлайн-игр, можно ли использовать Cheat Engine apk для этого?
2. Установить Android AVD?
2. Установить Android AVD?
Com/css?