Css 是否可以使用<;中定义的单个字体样式;车身>;编辑内容时是否生成其他字体样式?

Css 是否可以使用<;中定义的单个字体样式;车身>;编辑内容时是否生成其他字体样式?,css,font-face,Css,Font Face,假设我在CMS网站上使用非系统字体(例如,PT SAN)。因此,我要做的是,我将使用@font-face包含不同样式(例如,常规、斜体和粗体)的字体系列。然后我将body的字体系列定义为PT Sans Regular。到目前为止一切顺利。 然后,以我的客户为例,编辑网站中的一些文本内容。他给文本赋予了不同的字体风格,就像他给一条重要的信息加粗,给位置的名称加斜体一样。总之,他按照自己喜欢的方式对内容进行风格化。这也没问题。 但是,真正的问题是,网站如何知道如果有斜体文本,它应该使用PT Sans

假设我在CMS网站上使用非系统字体(例如,PT SAN)。因此,我要做的是,我将使用@font-face包含不同样式(例如,常规、斜体和粗体)的字体系列。然后我将
body
的字体系列定义为
PT Sans Regular
。到目前为止一切顺利。
然后,以我的客户为例,编辑网站中的一些文本内容。他给文本赋予了不同的字体风格,就像他给一条重要的信息加粗,给位置的名称加斜体一样。总之,他按照自己喜欢的方式对内容进行风格化。这也没问题。
但是,真正的问题是,网站如何知道如果有斜体文本,它应该使用
PT Sans Italic
而不是字体的常规版本,即使
正文的
字体是
PT Sans regular

我已经考虑了一段时间,但我找不到解决办法。

对于这种情况有可能的解决方案吗?

这是绝对可能的。以下是您的操作方法:

@font-face {
    font-family: 'PTSans';
    src: url('pts55f-webfont.eot');
    src: url('pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts55f-webfont.woff') format('woff'),
         url('pts55f-webfont.ttf') format('truetype'),
         url('pts55f-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSans';
    src: url('pts56f-webfont.eot');
    src: url('pts56f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts56f-webfont.woff') format('woff'),
         url('pts56f-webfont.ttf') format('truetype'),
         url('pts56f-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'PTSans';
    src: url('pts75f-webfont.eot');
    src: url('pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts75f-webfont.woff') format('woff'),
         url('pts75f-webfont.ttf') format('truetype'),
         url('pts75f-webfont.svg#PTSansBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'PTSans';
    src: url('pts76f-webfont.eot');
    src: url('pts76f-webfont.eot?#iefix') format('embedded-opentype'),
         url('pts76f-webfont.woff') format('woff'),
         url('pts76f-webfont.ttf') format('truetype'),
         url('pts76f-webfont.svg#PTSansBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}
定义@font-face字体时,请确保所有
字体系列
名称相同。然后为每种字体正确设置
字体重量
字体样式
。因此,如果字体为粗体,请设置
font-weight:bold
。等等

然后在CSS中,您可以执行以下操作:

body {
    font-family: 'PTSans';
}

各种标签将选择正确的匹配字体。

CMS不应该决定字体,网站的模板和样式表应该决定字体。像粗体和斜体这样的东西不依赖于字体。阅读以下内容:你的问题是,如果我指定的非标准字体没有斜体,浏览器会使用什么字体?@j08691-完全正确。但我相信这更像是David提供的链接。@DavidGuyen-所以,我必须给所有(a)字体赋予相同的字体族名称,但根据我链接的字体定义字体样式/权重?