css基础（三）－－字体控制

3.字体

1.text-overflow 与 word-wrap

text－overflow用来设置是否使用一个省略标记（。。。）标示文本内溢出 

但是只能说明溢出时用什么方式显示，要实现省略号效果，必须定义一行内显示（white－space：nowrap）以及溢出内容隐藏（overflow：hidden）

代码如下：

如果要溢出时省略号显示

text-overflow:ellipsis; 

overflow:hidden; 

white-space:nowrap; 

同时，word－wrap也可以用来设置文本行为，当前行超过制定容器的边界是否断开转行 

normal为默认值，break－word设置在长单词或者url地址内部进行换行（不常用，一般默认值即可）

2.嵌入字体

@font-face加载服务端字体文件，让浏览器端显示电脑里没有安装的字体

@font－face｛

font－family：字体名称；

src：字体文件服务器相对或绝对路径

｝

这样就可以像普通字体一样在（font－＊）中设置字体样式

p {

    font-size :12px;

    font-family : "My Font";

    /*必须项，设置@font-face中font-family同样的值*/

}

3.字体阴影text－shadow

语法：text－shadow：x－offset y－offset blur color；

X－offset：表示阴影水平方向偏移量，正值向右，负值阴影向左

y－offset：阴影垂直方向偏移量，正值阴影向下，负值阴影向上

blur：阴影的模糊程度，不能为负值，如果值越大，阴影越模糊，反之越清晰，不需要阴影模糊可以设置为0

color表示阴影颜色，可以使用rgba