Css 为大写文本定义自定义字体

Css 为大写文本定义自定义字体,css,font-face,webfonts,Css,Font Face,Webfonts,据我所知,CSS允许为不同的字体重量定义自定义字体 例如,我在相同的字体系列下定义了3个不同的字体面,但不同的字体重量属性: @font-face { font-family: 'font-name'; src: url('../fonts/font-light.woff') format('woff'); font-weight: 300; } @font-face { font-family: 'font-name'; src: url('../fon

据我所知,CSS允许为不同的
字体重量定义自定义字体

例如,我在相同的
字体系列
下定义了3个不同的
字体面
,但不同的
字体重量
属性:

@font-face {
    font-family: 'font-name';
    src: url('../fonts/font-light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'font-name';
    src: url('../fonts/font-regular.woff') format('woff');
    font-weight: normal;
}
@font-face {
    font-family: 'font-name';
    src: url('../fonts/font-bold.woff') format('woff');
    font-weight: bold;
}
根据我将使用的
font-weight
,将加载相应的
.woff

//font-light.woff is used
p {
    font-family: 'font-name';
    font-weight: 300;
}

//font-regular.woff is used
p {
    font-family: 'font-name';
    font-weight: normal;
}

//font-bold.woff is used
p {
    font-family: 'font-name';
    font-weight: bold;
}
这很好,但我会讨论如何为大写文本定义自定义字体。 现在,Unicode标准中还没有格鲁吉亚大写字母,所以我必须为大写字体变量加载不同的字体文件

我的想法是在元素样式中定义了
文本转换时加载自定义
.woff

我在
@font-face
声明中玩了
文本转换
字体功能设置
,但运气不好


纯css有可能实现吗?

我建议像往常一样包含所需的字体,并且只选择将其与结合使用。这样,它将只应用于大写字符

这可以从以下几点看出:

@导入url('https://fonts.googleapis.com/css?family=Roboto');
机器人先生{
文本转换:大写;
字体系列:“Roboto”,无衬线;
}
常规
机器人
我会用

font-variant: small-caps;


或者是SC版本的字体(如果有的话)。

这很好:)但这适用于英语字符,而不是格鲁吉亚语字符。例如,使用
文本转换:大写
时,您仍然使用小写”ქართული"我不确定代码的具体内容,但您可以对手动将大写字符写入的元素使用特定的
.class
),例如,
uppercase
。原理完全相同;只要您在实际写入字符时只使用class
.uppercase
rs大写,它是唯一应用字体的元素:)此功能适用于任何OpenType字体吗?字体必须有特定的功能支持吗?Thanks@zur4ik并非所有OpenType字体都有小大写字母。
-moz-font-feature-settings: 'smcp';
-webkit-font-feature-settings: 'smcp';
-ms-font-feature-settings: 'smcp';
font-feature-settings: 'smcp';