服务器字体+响应式布局（CSS）

服务器字体

font-family: "宋体";

font-family: "宋体","黑体";(如果第一个字体不存在，那么就顺延到第二个字体，如果都没有那么字体为默认字体样式)

有些字体不同的电脑可能不存在，如何改变？

服务器字体：在不同的电脑/操作系统/浏览器之间的全场景字体风格统一

定义：

@font-face{

        font-family: ; //定义服务器字体的名字

        src:url() format(); //设置字体的资源路径（url）和格式（format）

    }

format取值包括：OpenType (*.otf) TrueType (*.ttf)

响应式布局

@media (not/only)(排除/仅仅是某设备) and 设备特性{CSS样式}

设备类型：

screen 计算机屏幕

tv 电视

projection 投影仪

all 全部设备

设备特性：

width 设备宽度 min-width 最小宽度 max-width 最大宽度

height 设备高度

resolution 分辨率

aspect-radio 设备宽高比