Компас шрифт миксин жирным шрифтом - PullRequest
Новая
       26

Компас шрифт миксин жирным шрифтом

3 голосов
/ 28 февраля 2011

Я использую миксин @ 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");

Однако я не могу найти способ определить жирный шрифт. Источник сообщает, что аргумент стиля устарел, и попытка его использования не влияет на выходной файл .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 голос
/ 01 марта 2011

Вот пример сочетания обычного, полужирного и курсива, который у меня работает просто отлично: @ font-face :: IM FELL ENGLISH .

0 голосов
/ 09 октября 2011

acarabott, я сделал компас для этого некоторое время назад, и он поставляется с 0.12.альфа.

Обратите внимание на параметры $ weight и $ style здесь: http://beta.compass -style.org / ссылка / компас / CSS3 / font_face /

...