css — Как указать атрибуты шрифта для всех элементов на веб-странице html?

спросил

Изменено 4 года, 6 месяцев назад

Просмотрено 258 тысяч раз

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

Должен ли я действительно указывать их десятки раз для любого элемента на моей странице, или есть способ установить их глобально один раз и навсегда?

Как это сделать?

2

 * {
 размер шрифта: 100%;
 семейство шрифтов: Arial;
}
 

Звездочка подразумевает все элементы.

9

Если вы используете IE, есть вероятность, что он вернется к настройкам браузера по умолчанию для некоторых элементов, таких как таблицы.

Вы можете противопоставить этому что-то вроде следующего CSS:

 html, body, form, fieldset, table, tr, td, img {
    маржа: 0;
    заполнение: 0;
    шрифт: 100%/150% калибр, Helvetica, без засечек;
}
ввод, кнопка, выбор, текстовая область, группа опций, опция {
    семейство шрифтов: наследовать;
    размер шрифта: наследовать;
    стиль шрифта: наследовать;
    вес шрифта: наследовать;
}
/* остальные стили; нравиться: */
тело {
    размер шрифта: 0,875 em;
}
 

Редактировать: вы можете прочитать о сбросах CSS; см. такие темы, как этот

Я не могу не подчеркнуть этот совет: используйте таблицу стилей сброса, а затем установите все явно. Это вдвое сократит время кросс-браузерной разработки CSS.

Попробуйте файл reset.css Эрика Мейера.

3

вы можете установить их в теге body

 body
{
    размер шрифта: ххх;
    семейство шрифтов: гггг;
}
 
3

Если вы укажете атрибуты CSS для элемента body , они должны применяться ко всему в пределах , если вы не переопределите их позже в таблице стилей. 9

 корпус{
    цвет: зеленый;
    }
 

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но никогда не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Как установить шрифты сайта │ Справочный центр Tilda

СПРАВОЧНЫЙ ЦЕНТР TILDA

Чтобы настроить шрифты, откройте «Настройки сайта» → «Шрифты и цвета». Вы также можете изменить настройки шрифта для заголовков и основного текста (насыщенность, размер, цвет), которые будут применяться ко всем блокам на всех страницах сайта.

Чтобы настроить шрифты для всего веб-сайта, перейдите в «Настройки сайта» → «Шрифты и цвета».

Вы увидите библиотеку шрифтов с предустановленными бесплатными гарнитурами. Вы можете перемещаться по нему и назначать шрифт веб-сайту, нажав кнопку «Выбрать». Шрифт будет присвоен заголовку сайта и основному тексту. Коллекция содержит более 20 стандартных и премиальных шрифтов от наших партнеров (type.today, Paratype и Rentafont), которые доступны бесплатно при активной подписке Tilda. Если вы хотите подключить другие шрифты из библиотеки Rentafont, перейдите в справочную статью «Как подключить шрифт из Rentafont».

Если вы хотите использовать сторонний шрифт или использовать разные шрифты для заголовка и текста, нажмите кнопку «Пользовательские настройки».

Вы можете выбрать разные шрифты для имени семейства шрифтов заголовка и семейства шрифтов основного текста на вкладке «Основные шрифты».

Вкладки Google Fonts, Adobe Fonts и Your Own Font позволяют использовать шрифт из внешнего источника. См. подробные руководства ниже, чтобы узнать больше об этих параметрах.

Подключить Google Fonts

Бесплатная коллекция шрифтов Google

Перейти к руководству

Загрузить файл шрифта

Использование шрифтов .WOFF или .WOFF2

Перейти к руководству

Подключить шрифты из Adobe Fonts

Большая библиотека Adobe

Перейти к руководству

Подключить шрифты с помощью a CSS-файл

Подробное руководство

Перейти к руководству

Установка шрифтов для заголовков и основного текста веб-сайта

Вкладка «Шрифты и цвета» содержит настройки размера, толщины и цвета по умолчанию для заголовков и основного текста веб-сайта. . Эти настройки по умолчанию применяются ко всем блокам на веб-сайте (кроме нулевых блоков), если в блоках не настроены другие параметры шрифта.

Вы можете указать параметры шрифта в панели Настройки блока → Типографика или выделить текст в редакторе — нажав на него — и изменить его параметры с помощью панели инструментов сверху.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *