Поиск по сайту

Результаты поиска по тегам 'font'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 9 результатов

  1. Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующая: В случаях с line-height и padding текст ровно по центру, отступы по 45px сверху и снизу: - Google Chrome (v. 55.0.2883.87 m); - Mozilla Firefox (v. 50.1.0); - Opera (v. 42.0.2393.94); - Safari (macOS, v. 10.0 12602.1.32.7); Для line-height отступы по 45px, для padding 46px сверху и 44px снизу: - Safari (Windows, v. 5.1.7 7534.57.2); В случаях с line-height и padding текст ровно по центру, отступы 46px сверху и 44px снизу: - Internet Explorer 11 (v. 11.576.14393.0); - Microsoft EDGE (v. 38.14393.0.0); Я понимаю, что в ряде случаев это не принципиально, но что делать если блок с текстом это, например, меню, а сбоку от текста расположена ровная иконка, положение которой задано через background-position. Выравниваешь иконку для одного браузера - плывёт в другом. Выглядит весьма заметно и некрасиво. И Бог бы с этим эксплорером, но дело вот в чём, на Android 6.0.1 (device pixel ratio 4.0) стандартный интернет браузер, а также скаченный Google Chrome центруют неровно, также наблюдается расхождение в 1 пиксель, а вот на это уже закрывать глаза не хочется (большой скрин с Android): Что примичательно, высота первой буквы на настольных компьютерах 10px, а на андроиде чуть больше. Разумеется добиться идеальной картинки, да ещё и во всех браузерах одновременно, невозможно, но ведь это не какой-то частный случай, а вполне закономерное желание разместить текст по центру меню-бара. Я буду очень признателен за Вашу помощь и пояснения на предмет "best-practices". Что я пробовал для решения данной проблемы: - Использовал разные шрифты, а также разные методы подключения внешних шрифтов: link через html / @import в CSS для Google Fonts, а также @font-face url для скаченных шрифтов; - Задавал размеры шрифта, отступы, line-height в em / rem / px; - Пробовал различные комбинации line-height + padding; - Для создания иконок меню пробовал псевдо элементы, это конечно же решает проблему расположения иконок относительно текста, но не решает проблему центровки по вертикали. P.S. CSS сброшен. Meta viewport задан. Доп. вопрос от новичка: Почему, задавая размер шрифта 14px, заглавная буква по факту занимает 10px? При этом если я использую буквы типа "Й" и "р", высота занимаемая текстом будет уже 16px, но никак не 14px. Что-же задают тогда эти пиксели в размере шрифта?
  2. При открытии страницы в браузере отображается слишком маленький шрифт , стоит просто обновить страницу и все встает на свои места. Как исправить ? http://smages.com/images/2209201512.jpg
  3. Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?
  4. Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то использовалось только имя шрифта, а начертание задавалось при помощи font-weight (например, для Dosis Medium font-wieght:500, для Dosis-Semibold font-wieght:600). Можно ли подключить этот шрифт без гугла так же под именем Dosis, и очертание задавать font-weight'ом при помощи средств HTML/CSS или, в крайнем случае, JS. Или же можно сам шрифт объединить в один файл?
  5. Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.30.png https://www.dropbox.com/s/u4izw4wd7kdie65/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.37.png з.ы.: надеюсь администрация простит меня за прямые ссылки =P
  6. Разное отображение шрифтов в разных браузерах. При чем наблюдается различие в разный системых Windows 7 Windows 8. Вот скрины. Вот типичный сайт, выложил на хостинг, чтобы можно было посмотреть. Почему такая разница в шрифтах? Они не кроссбраузерны получается. Вот и скрины с разных систем, исерено все линейкой как видите.
  7. Доброе! Можно как-то расширить http://htmlbook.ru/css/font Есть блок тектса, у него сейчас: font: 16px/19px 'Myriad Pro'; ... но если нет в системе Myriad Pro, хотелось бы следующим подрубить trebuchet ms c 15px/17px , ибо 16px/19px от Myriad Pro уже не подходят. Браузер может прочитать только такую конструкцию: font: 16px/19px 'Myriad Pro', trebuchet ms; но не такую... (которую бы хотелось) font: 16px/19px 'Myriad Pro', 15px/17px trebuchet ms; Есть какой-то выход из подобной ситуации?
  8. Подскажите. Пытаюсь подсунуть FontSquirrel шрифт FagoCo.pfm. Но она не хочет его принимать - пишет, что шрифт поврежден. Это почему и что делать?
  9. Даже не знаю с чего начать, хм... Проблема в том, что в IE9, очень плохо отображаются шрифты, без сглаживания, какие то даже может не четкие, размытые. В интернете находил много тем с обсуждением данной проблемы, но конкретного решения не встречал, об этом можно почитать на хабре или ixbt. Пример сравнение рендеринга шрифта в разных браузерах на картинке: Мне же интересно как решить данную проблему, что бы во всех браузерах шрифт отображался примерно одинаково, а если быть точней, что бы IE9 отображал нормально шрифт, как это было в IE8 или в других же браузерах. Тут уже как то пару раз спрашивал, не создавая новую тему, но ответа так и не получал, не ужели ни кто не знает, как быть? Не спорю, что возможно и мой косяк, вот и хотелось бы уточнить.