Question

css @font-face这个@是什么作用的?

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf')
,url('Sansation_Light.eot'); /* IE9+ */
}

Answer 1

这个是表示客户端没有的字体,在服务器端设置;
具体操作如下:
版本：CSS3
继承性：无
语法：@font-face ：{属性: 取值;}
取值：font-family：设置文本的字体名称。
font-style：设置文本样做迟侍式。
font-variant：设置文本是否大小写。
font-weight：设置文本的粗细。
font-stretch：设置文本是否横向的拉伸变形。
font-size：设置文本字体大小。
src：设置自定义字体的相对路径或者绝对路径，注意，此属性只能在@font-face规则里使用。说明：@font-face 能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。【微软的IE 5已经是开始支持这个属性，但是只支持微软自有的.eot (Embedded Open Type) 格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari 3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。】

支持的浏览器有各大浏览旦蠢器最纯吵新版本,IE6+就开始支持了;

追问

@还能跟什么关键字?

追答

@通常代表服务器,或服务器上的某种协议
@在这就表示用服务器上的某种字体,用法是不能单独分开,你若硬把@font-face分开来单讲@我想应该就只能表示@这个符号的意思;不要椽木求鱼!

Answer 2

这应该less css的定义方式，你百度一下less。