Forum Stats

  • 3,826,035 Users
  • 2,260,587 Discussions
  • 7,896,768 Comments

Discussions

how to define multiple font-face into skin in ADF

User_DVUDJ
User_DVUDJ Member Posts: 2 Red Ribbon

Hello Oracle Community !

i have multiple font face inside Skin as below, but it seems last font-face is defined "FontAwesome" and all the rest above font-face "DroidArabicKufiRegular and 'SF Pro Text" is not known in skin,

so, is skin support multiple font-face, please advise ?

@font-face {

    font-family: 'DroidArabicKufiRegular';

    src: url(../fonts/DroidKufi-Regular.eot);

    src: url(../fonts/DroidKufi-Regular.eot?#iefix)format('embedded-opentype'), url(../fonts/DroidKufi-Regular.woff2)format('woff2'), url(../fonts/DroidKufi-Regular.woff)format('woff'), url(../fonts/DroidKufi-Regular.ttf)format('truetype');

}

@font-face {

    font-family: 'SF Pro Text';

    font-style: normal;

    font-weight: 100;

    src: url("../fonts/sf-pro-text_ultralight.woff2")format("woff2"), url("../fonts/sf-pro-text_ultralight.woff")format("woff"), url("../fonts/sf-pro-text_ultralight.ttf")format("truetype");

}

@font-face {

    font-family: "FontAwesome";

    font-style: normal;

    font-weight: normal;

    src: url(../fonts/fa-regular-400.eot);

    src: url(../fonts/fa-regular-400.eot?#iefix)format("embedded-opentype"), url(../fonts/fa-regular-400.woff2)format("woff2"), url(../fonts/fa-regular-400.woff)format("woff"), url(../fonts/fa-regular-400.ttf)format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome)format("svg")

}

@font-face {

    font-family: "FontAwesome";

    font-style: normal;

    font-weight: normal;

    src: url(../fonts/fa-brads-400.eot);

    src: url(../fonts/fa-brads-400.eot?#iefix)format("embedded-opentype"), url(../fonts/fa-brads-400.woff2)format("woff2"), url(../fonts/fa-brads-400.woff)format("woff"), url(../fonts/fa-brads-400.ttf)format("truetype"), url(../fonts/fa-brads-400.svg#fontawesome)format("svg")

}

@font-face {

    font-family: "FontAwesome";

    font-style: normal;

    font-weight: normal;

    src: url(../fonts/fa-solid-900.eot);

    src: url(../fonts/fa-solid-900.eot?#iefix)format("embedded-opentype"), url(../fonts/fa-solid-900.woff2)format("woff2"), url(../fonts/fa-solid-900.woff)format("woff"), url(../fonts/fa-solid-900.ttf)format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome)format("svg")

}

and i use them as below

.icon-time:before {

    font-family: 'FontAwesome';

    content: "\f017";

    font-size: 15px;

    color: #528cff;

    padding: 5px;

}

@locale en {

    .AFDefaultFontFamily:alias {

        font-family: 'SF Pro Text', sans-serif;

    }

}

@locale ar {

    .AFDefaultFontFamily:alias {

        font-family: 'DroidArabicKufiRegular', sans-serif;

    }

}

Tagged: