• Конвертирование шрифтов на WebFont.ru

      image

      Всем привет!

      Полтора года назад вышла статья о тестировании конвертеров шрифтов, в которой мы сказали, что будем делать свой конвертер. И вот неделю назад он был успешно запущен.
      Читать дальше →
      • +14
      • 7,8k
      • 9
    • Обновление шрифта Fira Sans

        image
        На прошлых выходных известный специалист Erik Spiekermann анонсировал выход новой версии шрифта Fira Sans(3.1). До этого шрифт был доступен в восьми начертаниях: (light, regular, medium и bold)*italic и отдельный Fira Mono в начертаниях regular и bold. В новой версии появилось дополнительно 24 начертания, от hair до ultra. Таким образом шрифт стал одним из самых насыщенных из всех бесплатных шрифтов.
        Читать дальше →
      • Тестирование конвертеров шрифтов


          Всем привет.

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

          Хоть на самом деле конвертеров уже появилось великое множество, не все могут превращать otf\ttf в woff\eot\svg. Существуют специализированные сервисы, которые работают с другими форматами(.pfb, .dfont и др.).
          Читать дальше →
        • Экономим время на подключении шрифтов. Год спустя



            Всем привет!
            Ровно год назад, 12 июля, был опубликован пост о задумке собирать бесплатные шрифты и организовать удобный доступ к ним. Именно эту дату будем считать днем рождения нынешнего WebFont.ru.
            Сегодня будет повествование о том, что и как удалось сделать.
            Читать дальше →
          • Подключаем шрифты еще быстрее


              Приветствую всех.
              Не далее, чем 3 месяца назад, я писал о своей задумке сделать удобный сайт с удобным выбором шрифтов и таким же удобным их подключением.
              Тогда удалось собрать около двух десятков шрифтов, часть вообще отмести, т.к. они оказались платными и выложить все в общий доступ с некой надеждой, что кому-нибудь, кроме меня это будет полезно.
              Примерно полтора месяца я внимательно смотрел на статистику. А она показывала, что сайтом начали пользоваться.
              В итоге я перенес сайт на отдельный домен и стал пополнять шрифтами.
              Что есть сейчас.
              Читать дальше →
            • Переводим в код 5 действительно полезных шаблонов адаптивной разметки

                Приветствую всех.

                Недавно наш хабраколлега опубликовал интересную статью об адаптивной разметке.
                Уже не далеко то время, когда мы будем уделять верстке под все разрешения намного больше внимания, нежели делаем это сейчас. Посему считаю нужным подходить к этому периоду подкованным в данном вопросе, ну или хотя бы иметь четкое представление, что это такое и с чем его едят. Запасаемся смартфонами и таблетками.
                Читать дальше →
              • Оформляем тултипы с помощью CSS3

                  image
                  Всем привет!
                  Уже несколько раз меня просили сделать обычные тултипы, которые со стрелочками такие. Все бы было хорошо: состряпал блок с круголками, взял треугольники отсюда и вуаля. Однако, не все так просто. Ведь полет фантазии дизайнеров велик. То им стрелочки с наклоном, то им рамки, то тени. Можно, конечно, все запилить на картинках, но ведь это старомодно непрактично. Хотя бы из-за кучи оберток, для того, чтобы все тянулось во все стороны.
                  Всё это оказалось абсолютно решаемым с помощью CSS, если включить немного фантазии.
                  От слов к делу.
                  Читать дальше →
                • Затухание текста на CSS3

                    Привет всем. Сегодняшний пост будет коротким, но, думается мне, полезным.
                    Часто приходится слышать о том, как сделать «затухание» текста к низу, верху и т.д.
                    Есть варианты на js, есть варианты с картинкой и просто css-градиентом наложенными поверх текста.
                    Сегодня в голову пришел несколько другой подход к решению этой проблемы.
                    Его реализация проста как три копейки
                    Читать дальше →