Использование CSS для установки шрифта по умолчанию

У меня есть файл (CSS/FontStyle.css), содержащий этот код:

.courier {
font-family: courier;
}

и мой .aspx файл имеет следующий код:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Tut1.aspx.cs" Inherits="Rtw.Tut1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="StatusLabel" runat="server">
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">

    <link rel="stylesheet" href="CSS/FontStyle.css"/>

    <h2>Unsigned Vs Signed Integers</h2>
//lots of text is below here..

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

заблаговременно.

Ответы

Ответ 1

Попробуйте изменить

.courier {
font-family: courier;
}

к

* {
    font-family: courier;
  }

Причина та же, что и @koala_dev. ".courier" делает его применимым только к элементам класса "курьер", а из кода, который вы показываете, ни один из ваших материалов не помечен этим именем класса, поэтому шрифт не применяется.

Селектор *, однако, применит правило CSS-семейства шрифтов к тексту всех элементов.

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

Обновление (это считается плохой идеей в CSS, но может помочь)

Если вы не можете найти, какое другое правило CSS может быть конфликтующим, вы можете использовать правило !important для переопределения других правил (если только эти другие правила не используют его):

* { font-family: courier !important }

Предупреждение

Использование !important считается плохой практикой, но полезно, возможно, в вашем случае, когда противоречивое правило CSS кажется потерянным, и вам просто нужно что-то, что работает.

Что !important действительно мешает обычным каскадным правилам CSS для приоритета. В качестве примера, элемент h2 имел бы курьер семьи шрифтов в следующем экзамене, хотя обычный результат был бы arial (из-за более конкретного селектора). Более конкретный селектор h2 переопределяется менее конкретным селектором *, потому что правило * имеет предикат !important, примененный к нему.

* { font-family: courier !important }
h2 { font-family: arial }

Для получения дополнительной информации, пожалуйста, прочтите это за исключением и продолжите чтение по следующей ссылке:

... postcripting ваши значения CSS с помощью! important можно сильно злоупотреблять и сделать для грязных и трудно поддерживать CSS. Прискорбное типичное использование случай выглядит следующим образом:

  • ПОЧЕМУ МОЙ ФРАГГЕЛЬ СКОРОСТИ НЕ РАБОТАЕТ?!?!
  • (использование! важное правило)
  • ОК, теперь он работает

Затем появляется следующий парень и пытается внести новые изменения. Он пытается изменить некоторые существующие правила CSS, но теперь его изменения не ведут как они должны. Он прослеживает вопрос к важным правилам, то есть выбор. Он может попытаться удалить и попытаться вещи вернулись на путь или добавили еще несколько своих собственных, чтобы сразиться с ними и сделайте его изменение. Поскольку он может не знать, почему именно эти Важные правила были добавлены в первую очередь, он мог бы выбрать второй вариант, опасаясь сломать что-то в другом месте на сайт, о котором он не знал. И, таким образом, начинается порочный круг.

Продолжить чтение здесь: http://css-tricks.com/when-using-important-is-the-right-choice/

Ответ 2

Правило CSS для имени класса courier, если вы хотите установить шрифт по умолчанию для использования вашей страницы

body {
    font-family: "courier";
}

Ответ 3

Курьер - Macintosh/Unix, тогда как Courier New - это версия Microsoft. Я бы постарался установить оба варианта, с отступлением на всякий случай (что больше всего считает хорошей практикой); вы должны заменить:

.courier {
    font-family: courier;
}

с

body {
    font-family: "Courier New", "Courier", monospace;
}

Помните, что если ваш CSS не работает должным образом, инспектор DOM (например, Chrome Inspect или Firefox Firebug) поможет устранить неполадки, особенно если вам нужно определить, что что-то перезаписывается.

Просто мой 2 ¢, надеюсь, что это поможет.

Ответ 4

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

B) Могут быть классы, отличные от ваших, которые могут иметь другие правила css. Поэтому, ставя !important, как я, убедитесь, что браузер прослушивает это правило css.

body {
    font-family: courier !important;
}

Ответ 5

Вы забыли применить класс.

.courier {
font-family: "courier";
}

HTML:

<h2 class='courier'>Unsigned Vs Signed Integers</h2>

Может быть, эта помощь.

.courier {
    font-family: "courier" !important;  //Incase if any css conflict occurs
    }

Из ваших комментариев попробуйте это

* { font-family: "courier" !important; }. There may be css conflict

* представляют все элементы HTML.

! important как абсолютный, никогда не меняющийся.

Также проверьте, подходит ли для любого подобного CSS, если вы обнаружили что-то похожее на это remove! important.