css - 如何通过 CSS 设置 'semi-bold' 字体?字体粗细为 600 不会使它看起来像我在 Photoshop 文件中看到的半粗体

标签 css fonts

我正在做一个 Photoshop-to- XHTML转换,网站设计者使用了在 photoshop 文件中看起来不错的 Myriad Pro 半粗体字体,但是当我在 CSS 中尝试半粗体选项时,它看起来很像普通的粗体字体,这对我来说太粗了目的。有没有办法在 HTML 和 CSS 中实现更好看的半粗体字体,或者我只是坚持使用“字体粗细:600;”?

最佳答案

在 CSS 中,对于 font-weight 属性,值:normal 默认为数值 400,bold 为 700。

如果要指定其他权重,需要给出数值。该数值需要为您正在使用的字体系列提供支持

例如,您可以这样定义半粗体:

font-weight: 600;

这里是JSFiddle使用“Open Sans”字体系列,加载上述权重。

关于css - 如何通过 CSS 设置 'semi-bold' 字体?字体粗细为 600 不会使它看起来像我在 Photoshop 文件中看到的半粗体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8735872/

相关文章:

html - IE 为框架中的滚动条保留空间

css - 将我的导航菜单链接居中

Javascript .accordion() 不工作

html - float : left on element inside a horizontally scrolling container breaks layout

c++ - 距离场字体渲染的实现

ios - 更新到 Xcode 5.1.1 后,fontWithName 为自定义字体返回 nil

ios NSMutableAttributedString NSKernAttributeName 错误的字距与 "fl"和 "fi"字母

macos - 字体在 Apple 设备上呈现不同。太令人沮丧了

css - 动画 CSS 工具提示 ( :after selector)

html - CSS 内容和图标字体 - 在哪里可以找到内容值?