1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Откуда такой интервал между словами в строке и как это исправить?

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Alex_me, 27 июл 2019.

  1. Alex_me

    Alex_me

    Регистрация:
    17 июл 2019
    Сообщения:
    14
    Симпатии:
    0
    В общем, проблема такая: есть абзац, которому задан класс, по которому задаётся font-family Glyphicons и добавляется иконка перед началом строки. При этом font-family текста внутри этого абзаца становится по умолчанию, но появляются огромные промежутки между словами.

    Доступа к html файлу нету, поэтому я не могу задать тексту свой класс -> задать нормальный font-family.
    Есть доступ только к таблицам стилей.
    Подскажите, как можно это реализовать, прибегая только к css? У меня уже мозг подгорает
    Вот сайт:
    https://aidasharik.ru/catalog/gelievie-shari/
    Блок в футере, справа, где контакты. Два абзаца: время и адрес
     
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Вот это поможет:
    Код:
    word-spacing: -8px;
     
    AlexGood и iga нравится это.
  3. Alex_me

    Alex_me

    Регистрация:
    17 июл 2019
    Сообщения:
    14
    Симпатии:
    0
    Спасибо. Получилось. А можно ли изменить font-family у текста, оставив при этом иконку? Опять же только средствами css
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Мне такой способ не известен.
     
  5. alextg

    alextg

    Регистрация:
    29 июл 2019
    Сообщения:
    2
    Симпатии:
    0
    Так то можно но тогда надо будет у каждого .glyphicon-<icon_name>:before проставлять font-family: 'Glyphicons Halflings';
     
  6. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    А это вариант.
    И это можно сделать через шаблон:

    Код:
    [class^=glyphicon-]::before
     
    AlexGood нравится это.
  7. urbanoidSPB

    urbanoidSPB

    Регистрация:
    7 авг 2019
    Сообщения:
    2
    Симпатии:
    0
    Код:
    .glyphicon-home:before {
        display: block;
        float: left;
        margin-right: .5em;
    }
    Могу посоветовать вот такое сделать, чтобы выравнивание иконок относительно текста выправить