Flex - как встроить несколько шрифтов в Spark RichText с помощью CSS? - PullRequest
Новая
       55

Flex - как встроить несколько шрифтов в Spark RichText с помощью CSS?

1 голос
/ 01 февраля 2012

Я пытаюсь встроить несколько шрифтов в один из компонентов RichText, но не знаю, как это сделать.Я хочу иметь возможность отображать жирный шрифт с помощью тегов в HTML.С использованием шрифта, который я использую, обычные и жирные наборы символов находятся в разных файлах .ttf.

Могу ли я установить более одного семейства шрифтов в CSS для компонента?

Вот мойТаблица стилей до сих пор ... 

@font-face { 
    src: url("/styles/fonts/FontRg.ttf"); 
    fontFamily: FontRg_CFF; 
    fontStyle: normal; 
    fontWeight: normal; 
    embedAsCFF: true;
}

@font-face { 
    src: url("/styles/fonts/FontRgBd.ttf"); 
    fontFamily: FontRgBd_CFF; 
    fontStyle: normal; 
    fontWeight: normal; 
    embedAsCFF: true; 
}

s|RichText{ 
    font-family: FontRg_CFF;
    font-size: 16;
}

Спасибо за любую помощь!

Ответы [ 2 ]

0 голосов
/ 25 августа 2014

Хотя этот пост довольно старый, у меня была та же проблема, и я мог понять, как это работает: Чтобы отобразить жирный текст, вам нужно изменить следующее: 

@font-face { 
    src: url("/styles/fonts/FontRgBd.ttf"); 
    fontFamily: FontRg_CFF; 
    fontStyle: normal; 
    fontWeight: bold; 
    embedAsCFF: true; 
}

Итак, fontFamily и fontWeight необходимо изменить, как показано выше. Оба встраивания должны иметь одно и то же имя fontFamily, тогда как шрифт полужирный должен иметь значение fontWeight, установленное на «полужирный».

Затем вы можете просто использовать b-теги (<b>BOLD</b>) для отображения полужирного текста в Flex RichText или TextArea.

0 голосов
/ 01 февраля 2012

Я заметил, что в обоих ваших декларациях шрифтов вы указали только нормальный вес. Попробуйте другое объявление шрифта для жирной версии.

...