Actionscript 3 и использование шрифтов

Question

Как я могу сделать мои строки и текстовые атрибуты жирными в моем коде ActionScript?

Я работаю с шаблоном кода, поэтому у меня есть компонент mxml с текстовым атрибутом. Затем у меня есть компонент actionscript, в котором я объединяю три текстовых атрибута и устанавливаю их как текстовое свойство текстового компонента mxml.

Я хочу быть гибким со стилями каждого текстового поля, которое я объединяю. Однако я хочу, чтобы первый текст был жирным, а последний - жирным. Есть идеи?

Answer 1

Если вы хотите использовать разные веса шрифта для текста, у вас нет другого выбора, кроме как создать 2 текстовых компонента (Label, Text, ...).

Если вы используете внешние шрифты, обязательно вставьте как обычный, так и жирный шрифт:

@font-face
{
    src:                    url("calibri.ttf");
    fontFamily:             calibri;
    advanceAntiAliasing:                    true;
    fontWeight:             normal;
}

@font-face
{
    src:            url("calibrib.ttf");
    fontFamily:     calibri;
    fontWeight:     bold;
}

и установите несколько стилей в вашем css, например:

.calibri16
{
    font-size: 16;
    font-weight:normal;
    font-family:calibri;
    color: #666666;
}

.calibri16b
{
    font-size: 16;
    font-weight:bold;
    font-family:calibri;
    color: #666666;
}

Затем вы можете установить свойство styleName ваших текстовых компонентов:

<HBox>
<Label id="myLabel" styleName="calibri16b" text="This is bold" />
<Label id="myLabel2" styleName="calibri16" text="and regular" />
</HBox>

В действии Скрипт:

myLabel.styleName = "calibri16b";
myLabel2.styleName = "calibri16";

Answer 2

В ActionScript , если вам не нужен TextFormat, то есть:

myTextFormat = new TextFormat();
myTextFormat.bold = true;
myTextField.setTextFormat(myTextFormat);

... вы также можете использовать htmlText:

myTextField.htmlText='<b>Bold</b> not bold <b>Bold again!</b>';

Answer 3

вот пример приложения. Я предполагаю, что у вас есть каталог ресурсов с файлом century.ttf в нем:

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Style>
        @font-face {
            src: url("assets/century.ttf");
            fontFamily: Century;
            fontStyle: normal;
            fontWeight: normal;
        }
        .myClass {
            fontFamily: Century;
        }
    </mx:Style>
    <mx:Label text="Different font" styleName="myClass"  />
</mx:WindowedApplication>

Не все шрифты предоставляют все варианты. Некоторые шрифты дают вам только нормальный, некоторые дают вам все: нормальный, жирный, курсив. Надеюсь, это поможет.