html 中英文字体自动,css可以控制字体（汉字和英文）等宽吗？

想通过纯css做打字动画效果，目前对纯英文和纯中文能够实现，但当中英文混合时因为中文字符占2ch而英文字符占1ch无法统一而无法做出理想效果。所以有什么办法可以控制中英文等宽吗(尝试搜索过能否将英文变成全角，但没搜出相关方法)。

css代码：

/打字动画/

@keyframes typing{

from {width:0;}

}    /*打字提示符闪烁动画*/

@keyframes caret{

50%{            border-color:transparent;

}

}    /*文本块*/

blockquote{        font-family: "新宋体";        margin:0;        padding:0;        width:26ch;        overflow:hidden;        white-space:nowrap;        border-right:0.5em solid;        animation:typing 5s steps(13),

caret 1s steps(1) infinite;

}