指南针字体 mixin 加粗

3

我正在使用Compass(0.11.beta.1)的@font-face mixin,但在定义粗体和斜体字体时遇到了问题。

我可以成功加载并使用以下代码中的字体:

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

然而我找不到定义加粗字体的方法。源代码中指出,style参数已被弃用,尝试使用它对输出的.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; } }

我目前有两个选择:
  1. 事后编辑.css文件。不利于可维护性。
  2. 为不同的样式定义不同的字体(也不是理想的选择,但目前是最可行的),例如:

    @include font-face("PTSerif")
    @include font-face("PTSerif-B")

我找不到任何正确做法的示例-能够使用font-weight:bold;

提前致谢。

2个回答

1

1
我特别询问了使用Compass来完成这个任务,看起来你的CSS是手写的? 此外,您使用了表现类来实现这一点,而我想避免这种方式。 - acarabott

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接