css数字样式

html-css013

css数字样式,第1张

样式是不能改变字体本身的形状的。这种使用的是webfont。

使用方法:

下载对应字体的webfont文件,然后放在网站目录(根据需要随意),然后在css里使用 @font-face 添加这个字体,最后body { font-family: "webfont"} 即可。

什么汉字可以,数字不行了?首先你得知道什么是竖向排列

第二张图是正确的竖向排列

第一张图数字是顺时针旋转了90°汉字是竖向排列的

方法一图片去做

方法二用用css3把数字旋转transform:rotate(90deg),汉字竖向排,你是限制宽度还是用其他方法都可以。

备注(我没试过,但是应该还会有其他问题,本人觉得这种动态文字排版不合理)