按字符类更改CSS中的样式

按字符类更改CSS中的样式,css,internationalization,Css,Internationalization,我正在尝试本地化一个网站,我想调整一块HTML,这样我就可以在消息资源中只存储文本(无格式) View <b>11</b> new out of <b>11</b> message(s) in your inbox 查看收件箱中11封邮件中的11封新邮件 我想做的是,在某种程度上,CSS渲染数字是粗体的,而不必在消息包中显式地放入标记 这是否可以不用JavaScript,但仍然可以与Chrome、Firefox、Safari或Edge一起使用?

我正在尝试本地化一个网站,我想调整一块HTML,这样我就可以在消息资源中只存储文本(无格式)

View <b>11</b> new out of <b>11</b> message(s) in your inbox
查看收件箱中11封邮件中的11封新邮件
我想做的是,在某种程度上,CSS渲染数字是粗体的,而不必在消息包中显式地放入标记


这是否可以不用JavaScript,但仍然可以与Chrome、Firefox、Safari或Edge一起使用?

要使数字加粗,可以使用regex替换并检测数字,然后添加加粗标记,如下面的代码:

很抱歉,我注意到您现在不想使用jquery,我不确定它是否只适用于css

$('#block').html(函数(i,c){
返回c.replace(/\d+/g,函数(v){
返回“+v+”;
});
});

查看收件箱中11封邮件中的11封新邮件

如果您有两种不同的字体可以使用,则可以不使用JavaScript。您可以使用unicode范围来选择数字,如下所示:(在Safari中未测试,但在其他系统中可以正常工作)

@font-face{
字体系列:“Archivo”;
字体风格:普通;
字体大小:400;
src:local('Archivo-Regular')、local('Archivo-Regular')、url(https://fonts.gstatic.com/s/archivo/v6/k3kQo8UDI-1M0wlSfdfoLnnA.woff2)格式('woff2');
}
@字体{
字体系列:“Archivo Black”;
字体风格:普通;
字体大小:400;
src:local('Archivo Black-Regular')、local('ArchivoBlack-Regular')、url(https://fonts.gstatic.com/s/archivoblack/v9/HTxqL289NzCGg4MzN6KJ7eW6CYyF_g.woff2)格式('woff2');
unicode范围:U+30-39;
}
div{
字号:2em;
字体系列:“Archivo黑色”,“Archivo”,无衬线;
}

查看收件箱中11封邮件中的11封新邮件
很好,很恶心,但是很好:D我认为我不需要在字体系列上使用“Archivo”,但可以使用自定义字体系列吗?可以。阿奇沃只是一个例子。