虽然不知道你要让文字怎么样，但是可以给你列举一些字体属性：
设置字体名称属性(font-family)：这个属性设置页面中选择用哪种字体，常用的字体有：Simsun、Arial、Verdana、Helvetica、 sans-serif等
设置字体大小属性(font-size)：font-size可以设置页面中字体大小，有三种常用的单位em，px，pt。
设置字体风格属性(font-style)：字体风格是设置字体是否斜体的属性，一共有三个值：normal、 italic、oblique，normal是默认值，italic，oblique都是斜体显示。
设置字体粗细（浓淡）属性(font-weight)：字体的粗细（浓重）只有两个属性，因为它只有粗体和非粗体两种，它的值是normal和bold，normal是默认值。
设置字体变量属性(font-variant)：font-variant只针对英文字母，对汉字没有效果。它定义字体以小型号大写字母显示，小型大写字母可以理解为小个子的大写字母，它虽然是大写字母，但它的文字大小却和小写字母是相同的，比直接输入的大写字母要小。
字体属性综合写法(font) ：font是字体属性中可以综合定义以上五种属性的快捷方法，它可以用一行来定义font属性，书写顺序分别是：font-style font-variant font-weight font-size font-family。
字体颜色(color)：字体的颜色属于CSS文本属性中的内容，它不像字体属性那样需要在color前加上font，只需要color就可以定义了。
/*text-align: justify*//*默认left，可设right、center、justify、start、end*/
/*line-height: 3*//*设置行高：normal、数字、百分比、px、em*/
/*text-indent: 20px*//*设置首行缩进：像素、百分比、em*/
/*text-decoration:line-through overline underline*//*默认值none在超链接去掉默认下划线时可用到，下划线underline，上划线overline，删除线line-through，闪烁文本blink*/
/*letter-spacing: 2em*//*设置字符间距，默认normal，可用像素、em，可设负值*/
/*word-spacing: 2em*//*类似letter-spacing，可设负值*/
/*text-transform: lowercase*//*none默认；capitalize每个单词以大写字母开头，uppercase转换为大写字母，lowercase转换为小写字母*/
/*text-shadow: 3px 3px 3px red, -6px -6px 3px green*//*四个参数：横向偏移、纵向偏移、模糊度、颜色，可加多个阴影用逗号隔开*/
/*white-space: pre*//*设置元素中空白处理方式：默认normal；pre空白会保留，类似pre标签；nowrap文本不会换行，文本会在同一行上继续，直到遇到br标签为止；pre-wrap保留空白正常换行；pre-line合并空白正常换行*/
/*direction: rtl*//*默认ltr*/
/*unicode-bidi: bidi-override*//*从右向左读文字，一般配合direction使用，默认normal，可设embed*/
text-overflow设置是否使用一个省略标记...标示对象内文本溢出：clip默认值，当对象内文本溢出时不显示省略标记，而是将溢出部分裁掉；ellipsis当对象内文本溢出时显示省略号。此属性要和over-flow：hidden属性，white-space:nowrap配合使用。*/
text-outline规定文本的轮廓；
text-justify规定当text-align设置为justify时所使用的对齐方式；
text-align-last设置如何对齐最后一行或紧挨强制换行符之前的行；
text-emphasis向元素的文本应用重点标记以及重点标记的前景色；
hanging-punctuation规定标点字符是否位于线框之外；
punctuation-trim规定是否对标点字符进行修剪；
tab-size设定一个tab在页面中的显示长度；
text-wrap规定文本的换行规则。
rotate
rotateX
rotateY
rotateZ
rotate3d
rotate：
旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center)
加上 transform-origin 设置旋转点。transform-origin 是根据自己而定位的，所以 0px 0px 就是左上角那个点。
rotateX：
讲这个之前呢， 先普及一个知识， 在transform里面，x y z 轴，分别是什么样子的，他跟我们平常的 x 和 y 不太一样，因为， 他是倒着的。 Z轴呢，在0 那个位置，因为他是3D的，看下面的图，转个身就知道在那里了。
接下来，看看 所谓的 Z 轴是什么
rotateX 的X呢，可以写成大写的，也可以写成小写的x， 没有影响，这个属性呢，你加上rotateX 之后，这个元素，就会以 X 轴 旋转，里面填的是角度。
这样看起来，好像不是那么直观，毕竟是2D 的图， 来给他加了3D 的效果看看，(由于设置了 transform-origin：0 0，所以并不会在元素的中间旋转，而是以 0 0 点的那条x 轴旋转)
上面两个图，第一个图是在 2d的 情况下观看的，第二个图是 3d的时候， 是不是 3d 看起来比较直观。
那么，接下来，加上Y 一起使用，rotateX(45deg) rotateY(45deg)，这两个合在一起什么意思呢， 这个元素，先按照 X轴，旋转45度，然后再按照Y轴，旋转45度，那么接下来的结果会是怎么样呢？
由于我设置的 transform-origin：center center ；定的点在中心，那么两条轴，是会成这样子的。
然后，看下，结果，是不是如我们所示？
最后，加上rotateZ
rotate3D：
设置一条主轴，然后根据这条轴旋转
这个呢，可以设置4个参数， 前三个是，x y z 最后一个是 角度deg 但是，此 x y z ，可不是上面那几个，不一样的。这三个值，设置的是矢量的方向，填什么无所谓，主要是比值很重要。举个例子 1，1，0，0deg那么就是 1：1：0 = 100：100：0 对吧，拿这个值来图解比较好。
