梦幽辰
梦幽辰

CSS进阶知识点--文本与字体（overflow 及获取特殊字体）

CSS3 文本阴影

text-shadow 属性

应用于阴影文本

语法

text-shadow：h-shadow v-shadow blur color

text-outline 属性

规定文本轮廓

语法

text-outline：thickness(轮廓粗细) blur color

兼容性

任何主流浏览器都不支持 text-outline 属性

CSS3 换行

word-break 属性

规定自动换行的处理方法

语法

word-break：normal | break-all | keep-all

word-wrap 属性

允许长单词或 URL 地址换行到下一行,只针对英文

语法

word-wrap：normal | break-word

CSS3 新文本属性

text-align-last 属性

规定如何对齐文本最后一行

语法

text-align-last：auto | left | right | center | justify | start | end | initial | inherit

兼容性

只有 IE 支持，火狐浏览器要加上前缀

注意

text-align-last 属性只有在 text-align 属性设置为 "justify" 时才起作用

text-overflow 属性

规定当文本溢出包含元素时发生的事情

语法

text-overflow：clip | ellipsis | string

注意

  1. 在写 text-overflow 时，一定要在前面写上 overflow：hidden

  2. string 属性值只有在火狐浏览器中兼容

@font-face

语法规则

@font-face{
    font-family: ;              //字体名称，必填
    src: [][[]]*;//字体存放路径，可多个，必填
    [font-weight: ];                     //字体粗细，选填
    [font-style: