既定以外のフォントファミリーを定義し、Design System オブジェクトの [ Tokens ] エレメントや [ Styles ] エレメントで使用できます。

構文

@font-face 
‘{‘
    font-family ':'<font_family_name> ';'
    src ':'<source_file>  [ , <source_file> ] ...';'
     [ font-weight ':'<weight> ';' ] 
     [ font-style ':'<style> ';' ] 
     [ font-stretch ':'<separation> ';' ] 
‘}’

「デザインシステムのクラスの記述スタイル」を参照してください。
入力値の説明:
font_family_name
    定義するフォントの名前を示します。
source_file
    フォントのソースファイルを示します。ファイルオブジェクトの URL または参照 (gx-file 関数を使用) を指定できます。
weight
    フォントの太さを定義します。次のオプションがあります: normal、bold、100、200、…、900。
style
    フォントのスタイルを定義します。次のオプションがあります: normal、italic、oblique。
separation
    フォントの間隔を定義します。次のオプションがあります: normal、condensed、ultra-condensed、extra-condensed、semi-condensed、expanded、semi-expanded、extra-expanded、ultra-expanded。

例 

Styles myStyle
{
       @font-face
       {
             font-family: AbhayaLibre-Bold;
             src: gx-file(AbhayaLibre-Bold-ttf);
       }
       .H1
       {
             color: #FFFFFF;
             font-family: AbhayaLibre-Bold;
             font-size: 95px;
       }
       .H2
       {
             color: $colors.OnSurface;
             font-family: $fonts.Title1;
             font-size: $fontSizes.H2;
       }
}

Tokens MyTokens
{
       #colors
       {
              OnSurface: #191819;
       }
       #fonts
       {
              Title1: AbhayaLibre-Bold;
       }
       #fontSizes
       {
               H2: 60px;
       }

}

使用可能バージョン

GeneXus 17 Upgrade 6 以降

参考情報

一般的なトピックについては「デザインシステムのスタイルのルール」を参照してください。
構文の表記規則