Question

我正在使用@ font-face mixin和Compass（0.11.beta.1）并且无法定义我的粗体和斜体字体。

我可以使用以下代码成功加载和使用字体：

@include font-face("PTSerif", font-files("/path/to/font/PTF55F_W.ttf", truetype), "/path/to/font/PTF55F_W.eot");

但是我找不到定义粗体字体的方法。消息来源说样式参数已被弃用，尝试使用它对输出.css文件没有影响。

@mixin font-face($name, $font-files, $eot: false, $postscript: false, $style: false) {
  @if $postscript or $style {
    @warn "The $postscript and $style variables have been deprecated in favor of the Paul Irish smiley bulletproof technique."; }
  @font-face {
    font-family: quote($name);
    @if $eot {
  src: font-url($eot); }
    src: local("☺"), $font-files; } }

我目前有两种选择：

之后编辑.css文件。对可维护性没有好处
为不同的样式定义不同的字体（也不理想，但目前可以使用），例如

@include font-face（“PTSerif”）
@include font-face（“PTSerif-B”）

未能找到任何正确的例子 - 能够使用font-weight：bold;

提前致谢。

Answer 1

这是一个结合常规，粗体和斜体的例子，我工作得很好：@font-face :: IM FELL ENGLISH。

Answer 2

acarabott，我已经承诺在一段时间之前为此提供指南针了，它似乎与0.12.alpha一起发货。

注意这里的$ weight和$ style参数： http://beta.compass-style.org/reference/compass/css3/font_face/

指南针font-face mixin粗体

2 个答案: