Когда CSS font-family value должен использовать кавычки? [дубликат]

этот вопрос уже есть ответ здесь:

когда значение для CSS 'font-family' должно иметь кавычки вокруг него?

Я видел как font-family: arial и font-family: "arial".

в качестве конкретного примера я объявляю шрифт this путь:

@font-face {
    font-family: 'entypo';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/entypo.woff') format('woff');
}

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

8
css css3 font-face fonts

3 ответов

вам нужны только кавычки, когда сам шрифт имеет пространство, такое как "Times New Roman".

Arial не нужны кавычки, но некоторые люди используют кавычки, такие как "Arial" чтобы быть более последовательными. Это просто личное предпочтение.

видел в комментарии Джастина ниже:font-family: times new roman; работает без пробелов (jsFiddle).

вы можете назвать свой новый @font-face используя font-family: 'entypo'; как и следовало ожидать. (ссылке)

8

просто собираюсь ответить из этого:

http://www.w3.org/TR/CSS2/fonts.html#font-family-prop

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

body { font-family: "New Century Schoolbook", засечка }

Имена семейств шрифтов, которые совпадают со значением ключевого слова ('inherit', 'serif', 'sans-serif', "monospace", "fantasy" и "cursive") должны быть процитированы, чтобы предотвратить путаницу с ключевыми словами с теми же именами.

1

по CSS 2.1 spec имя шрифта должен быть в кавычках, если он содержит символы, отличные от символы (что является более широким понятием, чем просто "Ascii-буквы и цифры") и пробелы. Так что font-family: foo bar правильно, и так, например,font-family: entypo конечно.

стиль кодирования-это другая проблема. Всегда правильно указывать конкретное имя семейства шрифтов (в отличие от общих имен, таких как sans-serif), так font-family: "entypo" - это правильно, тоже.

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

1