3

@ font-faceミックスインをCompass（0.11.beta.1）で使用していますが、太字と斜体のフォントを定義するのに問題があります。

次のコードでフォントを正常にロードして使用できます。

@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; } }

現在、2つの選択肢があります。

  1. その後、.cssファイルを編集します。保守性に良くない

  2. さまざまなスタイルにさまざまなフォントを定義します（これも理想的ではありませんが、現在はmosが機能します）。

    @include font-face（ "PTSerif"）@include
    font-face（ "PTSerif-B"）

これを適切に行う方法の例を見つけることができませんでした-font-weight：boldを使用できるようになりました。

前もって感謝します。

4

2 に答える 2

1

これは、私がうまく機能している通常、太字、斜体を組み合わせた例です：@ font-face :: IMFELLENGLISH。

于 2011-03-01T10:17:46.580 に答える
0

acarabott、私はしばらく前にこれのためにコンパスにコミットしました、そしてそれは0.12.alphaで出荷されるようです。

ここで$weightと$styleのパラメーターに注意してください：http： //beta.compass-style.org/reference/compass/css3/font_face/

于 2011-10-08T20:38:45.977 に答える