Почему не меняется шрифт в css

от admin

Why font size does not change?

I want to set font size with em , not px . Here is my code:

I want to set div font size to be 12px, but it looks small than I expect, I disable div style with chrome browser tools, it does not look to have any change. What should I do to make div font size 12px?

1 Answer 1

hmm, seems to work for me: example

Though, what you might be referring to is little change from enabling/disabling the font-size property. This is because the em for nested elements is relative to their parents font-size . In your instance, the font-size:Xem for the div is relative to the font-size:X% of the body.

If your still getting no change, try setting your body ‘s font-size to a larger percentage to make your div ‘s font larger

Почему не меняется шрифт в css

Здесь могла бы быть ваша реклама

Покинул форум
Сообщений всего: 4574
Дата рег-ции: Июль 2006
Откуда: Israel

Помог: 3 раз(а)

Секрет
Теперь, когда вы уже наверняка второпях отправили свой запрос,
я расскажу вам простой секрет, который сэкономит вам уйму ожиданий,
даже если первый ответ по теме последуем сразу же.

Само собой я знаю что ответят мне тут же, и если я посмотрю
на сообщения на форуме, то пойму что в общем то я и не ошибаюсь.
Но еще я точно замечу, что очень мало тем, в которых всего два ответа :
вопрос автора и еще два сообщение вида Ответ + Спасибо

После этого приходится начинать уточнять этим неграмотным что мне надо.
Они что, сами читать не умеют? А уточнять приходится.
И иногда пока они переварят то что я им скажу проходит и не одна ночь..

Уверен что если бы я им сказал что у меня есть
фиолетовый квадрат, и нужно превратить его в синий треугольник
и я пытался взять кисточку, макнуть в банку и поводить ей по квадрату
но почему то кисточка не принимала цвет краски в банке,
то на мой вопрос — где взять правильные банки мне бы ответили гораздо быстрее
предложив её открыть, а не тратить еще стольник на жестянку.

Поэтому с тех пор я строю свои вопросы по проверенной давным давно схеме:
Что есть
Что нужно получить
Как я пытался
Почему или что у меня не получилось.

На последок как оно происходит на форумах

Новичок: Подскажите пожалуста самый крепкий сорт дерева! Весь инет перерыл, поиском пользовался!
Старожил: Объясни, зачем тебе понадобилось дерево? Сейчас оно в строительстве практически не используется.
Новичок: Я небоскрёб собираюсь строить. Хочу узнать, из какого дерева делать перекрытия между этажами!
Старожил: Какое дерево? Ты вообще соображаешь, что говоришь?
Новичок: Чем мне нравиться этот форум — из двух ответов ниодного конкретного. Одни вопросы неподелу!
Старожил: Не нравится — тебя здесь никто не держит. Но если ты не соображаешь, что из дерева небоскрёбы не строят, то лучше бы тебе сначала школу закончить.
Новичок: Не знаите — лучше молчите! У меня дедушка в деревянном доме живёт! У НЕГО НИЧЕГО НЕ ЛОМАЕТСЯ.
Но у него дом из сосны, а я понимаю, что для небоскрёба нужно дерево прочнее! Поэтому и спрашиваю. А от вас нормального ответа недождёшся.
Прохожий: Самое крепкое дерево — дуб. Вот тебе технология вымачивания дуба в солёной воде, она придаёт дубу особую прочность:
Новичок: Спасибо, братан! То что нужно.

Отредактировано модератором: Uchkuma, 26 Апреля, 2011 — 10:21:12

Как изменить шрифт текста с помощью свойтва CSS font-family.

Еще одна задача при работе текстом — это изменение шрифта, которым он написан. В различных ситуациях тот или иной шрифт может лучше вписываться в дизайн страницы.

Читать:
Докажите что число 49 100 14 50 кратно 5

Сейчас небольшая заметка, в которой я хотел бы рассказать о способе, как можно менять шрифт текста с помощью технологии CSS.

Для решения этой задачи используется специальное свойство, которое называется

Синтаксис здесь следующий:

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

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

Если со свойством inherit все более менее понятно, шрифт элемента будет заимствоваться от шрифта элемента его родителя, но почему указывается именно серия шрифтов?

Со шрифтами есть одна большая проблема: если какой-то шрифт установлен на вашем компьютере, это совсем не означает, что он также будет установлен на каком-либо другом компьютере.

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

Самый большой приоритет среди указанного списка имеет шрифт, который указывается самым первым. Компьютер в первую очередь ищет именно его. Если этот шрифт не установлен на данном компьютере, то следующим ищется шрифт, который указан после запятой и.т.д. до того момента, пока не дойдем до одного из стандарных шрифтов: serif, sans-serif, cursive, fantasy или monospace.

Один из стандартных шрифтов, как правило, указывается самым последним, хотя это условие не является обязательным.

Итак, давайте на конкретном примере посмотрим, каким образом можно использовать свойство font-family и менять шрифт текста какого-либо элемента.

Имеем элементы абзацев, каждый из которых мы сейчас оформим разными шрифтами:

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

В общем, особых трудностей в работе со свойством font-family возникнуть не должно. Все довольно просто и интуитивно понятно.

Как использовать CSS для изменения шрифта на веб-страницах

Установите шрифт для определенных слов, абзацев или целых страниц

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

Как изменить шрифт с помощью CSS

Вы можете внести изменения в HTML и CSS, описанные ниже, используя любой редактор HTML или текстовый редактор. Вы можете скопировать текст со страницы и вставить его в редактор, чтобы внести в него изменения, или открыть всю веб-страницу в редакторе и выполнить редактирование напрямую.

Найдите текст, где вы хотите изменить шрифт. Мы будем использовать это в качестве примера:

Окружите текст элементом SPAN:

Добавьте атрибут style = “” в тег span:

В атрибуте style измените шрифт, используя стиль font-family .

Сохраните изменения, чтобы увидеть эффекты.

Советы по использованию CSS для изменения шрифта

Наилучший подход – всегда иметь по крайней мере два шрифта в вашем стеке шрифтов (список шрифтов), так что если браузер не имеет первого шрифта, он может использовать второй шрифт.

Разделите несколько вариантов шрифта запятой, например так:

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

В этом примере файл CSS для стилизации вышеуказанного HTML будет выглядеть следующим образом:

Всегда заканчивайте стили CSS точкой с запятой (;). Это не требуется, когда есть только один стиль, но это хорошая привычка начинать.

Похожие статьи