热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

什么时候CSSfont-family值应该使用引号?[重复]-WhenshouldCSSfont-familyvalueusequotes?[duplicate]

Thisquestionalreadyhasananswerhere:这个问题在这里已有答案:DoIneedtowrapquotesaroundfo

This question already has an answer here:

这个问题在这里已有答案:

  • Do I need to wrap quotes around font family names in CSS? 3 answers
  • 我是否需要在CSS中包含字体系列名称的引号? 3个答案

When should the value for CSS 'font-family' have quotes around it?

什么时候CSS'font-family'的值应该有引号呢?

I've seen both font-family: arial and font-family: "arial".

我见过font-family:arial和font-family:“arial”。

As a specific example, I declare a font this way:

作为一个具体的例子,我这​​样声明一种字体:

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

What would be the correct CSS to have an element use this font-family?

有一个元素使用这个font-family的正确CSS是什么?

3 个解决方案

#1


7  

You only need quotes when the font itself has a space such as "Times New Roman".

当字体本身具有诸如“Times New Roman”之类的空格时,您只需要引号。

Arial does not need quotes, but some people use quotes such as "Arial" to be more consistent. It is simply personal preference.

Arial不需要引号,但有些人使用诸如“Arial”之类的引号更加一致。这只是个人偏好。

Seen in Justin's below comment: font-family: times new roman; works without spaces (jsFiddle).

见于贾斯汀的评论:font-family:times new roman;没有空格(jsFiddle)。

You can call your new @font-face using font-family: 'entypo'; as you would normally expect. (link)

您可以使用font-family调用新的@ font-face:'entypo';正如你通常所期望的那样。 (链接)

#2


1  

Just going to answer from this:

只是回答这个问题:

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

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

To avoid mistakes in escaping, it is recommended to quote font family names that contain white space, digits, or punctuation characters other than hyphens:

为避免转义错误,建议引用包含除连字符以外的空格,数字或标点字符的字体系列名称:

body { font-family: "New Century Schoolbook", serif }

body {font-family:“New Century Schoolbook”,serif}

Font family names that happen to be the same as a keyword value ('inherit', 'serif', 'sans-serif', 'monospace', 'fantasy', and 'cursive') must be quoted to prevent confusion with the keywords with the same names.

必须引用与关键字值('inherit','serif','sans-serif','monospace','fantasy'和'cursive')相同的字体系列名称,以防止与关键字混淆同名。

#3


0  

By the CSS 2.1 spec, a font name needs to be in quotes if it contains characters other than identifier characters (which is a broader concept than just “Ascii letters and digits”) and spaces. So font-family: foo bar is correct, and so is e.g. font-family: entypo of course.

根据CSS 2.1规范,如果字体名称包含除标识符字符以外的字符(这是一个比“Ascii字母和数字”更广泛的概念)和空格,则需要在引号中。所以font-family:foo bar是正确的,例如font-family:当然是entypo。

Coding style is a different issue. It is always correct to quote a specific font family name (as opposite to generic names like sans-serif), so font-family: "entypo" is correct, too.

编码风格是一个不同的问题。引用特定的字体系列名称(与sans-serif这样的通用名称相反)总是正确的,所以font-family:“entypo”也是正确的。

Very theoretically, a font name also needs to be quoted if a specific font family name coincides with a generic name (I don’t think anyone ever created such a font) or if its name contains leading or trailing spaces or consecutive spaces (but no one in his sense would name his font that way).

在理论上,如果特定字体系列名称与通用名称一致(我认为没有人创建过这样的字体)或者其名称包含前导或尾随空格或连续空格(但没有),则还需要引用字体名称在他看来,一个人会用这种方式命名他的字体)。


推荐阅读
  • 微软头条实习生分享深度学习自学指南
    本文介绍了一位微软头条实习生自学深度学习的经验分享,包括学习资源推荐、重要基础知识的学习要点等。作者强调了学好Python和数学基础的重要性,并提供了一些建议。 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • 推荐系统遇上深度学习(十七)详解推荐系统中的常用评测指标
    原创:石晓文小小挖掘机2018-06-18笔者是一个痴迷于挖掘数据中的价值的学习人,希望在平日的工作学习中,挖掘数据的价值, ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • VScode格式化文档换行或不换行的设置方法
    本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 使用在线工具jsonschema2pojo根据json生成java对象
    本文介绍了使用在线工具jsonschema2pojo根据json生成java对象的方法。通过该工具,用户只需将json字符串复制到输入框中,即可自动将其转换成java对象。该工具还能解析列表式的json数据,并将嵌套在内层的对象也解析出来。本文以请求github的api为例,展示了使用该工具的步骤和效果。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Python正则表达式学习记录及常用方法
    本文记录了学习Python正则表达式的过程,介绍了re模块的常用方法re.search,并解释了rawstring的作用。正则表达式是一种方便检查字符串匹配模式的工具,通过本文的学习可以掌握Python中使用正则表达式的基本方法。 ... [详细]
  • 展开全部下面的代码是创建一个立方体Thisexamplescreatesanddisplaysasimplebox.#Thefirstlineloadstheinit_disp ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
author-avatar
aspzc
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有