// Base Class Definition // ------------------------- /* 这里是一个动态的 CSS 选择器,@{fa-css-prefix} 会在编译时被替换为具体的内容。 */ .@{fa-css-prefix} { /* 将元素显示为内联块级元素。 */ display: inline-block; /* 设置字体为'FontAwesome',字体大小为 @fa-font-size-base 除以 @fa-line-height-base, 字体粗细、风格和变体为 normal,通过缩短字体声明的方式设置。 */ font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; /* 设置字体大小继承父元素的字体大小。因为上一行的字体声明不能同时包含继承,所以这里单独设置。 */ font-size: inherit; /* 设置文本渲染方式为自动,这样可以优化文本的显示效果。 注意:'optimizelegibility'可能会导致一些问题,如 #1094 所描述的情况。 */ text-rendering: auto; /* 在 WebKit 浏览器内核中使用抗锯齿效果以提高字体的显示质量。 */ -webkit-font-smoothing: antialiased; /* 在 Mozilla 浏览器内核中使用灰度平滑效果以提高字体的显示质量。 */ -moz-osx-font-smoothing: grayscale; }