字体与文本相关的属性

字体与文本相关属性

  • font----复合属性:可以有多个属性值
  • color 字体颜色
  • font-family 文字字体
  • font-size 字体大小 1em(浏览器默认字体大小) = 16px
  • font-size-adjust 字体大小微调 none时不做调整
  • font-style 字体风格 normal italic oblique
  • font-weight 加粗程度
  • text-decoration 文字修饰线(如下划线)
  • text-shadow 文本阴影, 添加多个阴影用 , 分隔开
  • text-transform 大小写转化
  • lin-height 行高
  • letter-spacing 字符间距
  • word-spacing 单词之间的间隔
  • text-shadow添加文字阴影
  • text-indent缩进
  • text-overflow 控制文本溢出处理方法(多余的文本变成… )
  • overflow:hidden
  • clip裁剪溢出
  • ellipsis 裁剪后显示溢出标记
  • text-align 水平对齐 left right center justify (两端对齐)

服务器字体

@font-face{
font-family:    name(任意取)
src: url("  字体资源路径 ")  format("   "); 
}  

注意:优先使用客户端字体

@font-face{
font-family:    name(任意取)
src:  local(" 宋体 "),url("  字体资源路径 ")  format("   "); 
}  

你可能感兴趣的:(前端)