Жирный шрифт в мобильной версии

Тема в разделе "Верстка", создана пользователем Sudba, 20 авг 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Sudba

    Sudba

    Регистр.:
    6 дек 2007
    Сообщения:
    868
    Симпатии:
    45
    Добрый вечер, на сайте текст жирный

    А если этот адрес открыть с планшета, то он обычный.
    Как сделать, чтобы и на планшете был жирный?
     
  2. Горбушка

    Горбушка Ищу её...

    Регистр.:
    2 май 2008
    Сообщения:
    3.175
    Симпатии:
    2.195
    1) <strong>
    2) font-weight: bold;

    Тег <b> современными браузерами может не восприниматься (он устарел и в html5 не используется)...

    Ещё как вариант - через CSS задать толщину шрифта (шрифт должен поддерживать).
     
  3. Sudba

    Sudba

    Регистр.:
    6 дек 2007
    Сообщения:
    868
    Симпатии:
    45
    пробовал 1 и 2 метод и толщину указывал. И на ПК версии текст жирный, а на планшете тонкий.
     
  4. Iga

    Iga

    Регистр.:
    12 янв 2014
    Сообщения:
    189
    Симпатии:
    24
    А стиль принудительно задан для мобильного устройства в сss?
    типа того:
    /* mobile (portrait and landscape) */
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {
    }
     
  5. Sudba

    Sudba

    Регистр.:
    6 дек 2007
    Сообщения:
    868
    Симпатии:
    45
    что-то я не найду такого блока у себя в css, или его мне нужно наоборот указать?
    У меня мобильная версия на планшете - это версия ПК, а не отдельная.
     
  6. Smooch

    Smooch Создатель

    Регистр.:
    7 фев 2014
    Сообщения:
    10
    Симпатии:
    7
    У вас подключается шрифт Vanda, а в браузере в логе мне пишет
    Failed to decode downloaded font: Перейти по ссылке
    С этим шрифтом я не работал, но подозреваю что у него одно тонкое начертание, поэтому жирным текст не получается сделать, а компьютер отображает дефолтный.

    Скорее всего неправильно шрифт подключается
    Можно поставить дефолтные, через Notepad поменять все Vanda на Helvetica, Arial, sans-serif
     
    Последнее редактирование: 21 авг 2015
    Sudba и Горбушка нравится это.
  7. Sudba

    Sudba

    Регистр.:
    6 дек 2007
    Сообщения:
    868
    Симпатии:
    45
    Спасибо Вы оказались правы. Буду думать как подключить жирный именно к этому шрифту.
    Подключал к css вот так:
     
  8. Smooch

    Smooch Создатель

    Регистр.:
    7 фев 2014
    Сообщения:
    10
    Симпатии:
    7
    Бесплатные я обычно подключаю с google fonts, а для оригинальных создаю все необходимые форматы для разных браузеров
    Сервисов для конвертации шрифтов много найдете в интернете, я обычно пользовался Перейти по ссылке

    Код:
    @font-face {
    font-family: 'Regular';
    src: url('../fonts/regular.eot');
    src: url(../fonts/'regular.eot') format('embedded-opentype'),
    url('../fonts/regular.woff2') format('woff2'),
    url('../fonts/regular.woff') format('woff'),
    url('../fonts/regular.ttf') format('truetype'),
    url('../fonts/regular.svg#Regular') format('svg');
    font-weight: normal;   font-style: normal;
    }
     
Статус темы:
Закрыта.