Блог

Главная - Вопросы по программированию - Как изменить шрифт в теме apex oracle 21

Как изменить шрифт в теме apex oracle 21

#oracle-apex

Вопрос:

У меня есть приложение, написанное в среде apex oracle, но я хочу изменить шрифт в этом приложении (например, в «Calibri». Я опускаю этот шрифт: введите описание изображения здесь

Но я не могу найти, как это сделать. Я также попытался изменить тему css в теме с помощью этого кода, но это не помогло. введите описание изображения здесь

Я буду благодарен за помощь.

Комментарии:

1. CSS, который вы разместили на 2-м скриншоте (Тематический ролик), отлично работает на моем Apex 20.2.

2. @Littlefoot да, я это понял, ниже произошла синтаксическая ошибка, и вы не подскажете, где можно найти список шрифтов для использования в apex (2 способа)?? Я понимаю, что не все шрифты можно использовать?

3. Я бы не знал, извини. Я доволен шрифтом по умолчанию, который Oracle предоставляет для Apex.

Ответ №1:

Да, вы можете добавить свой собственный шрифт в Oracle APEX, выполнив следующие действия (попробовал с .otf файлом нет .ttf ).:

  1. Добавьте .otf файл в статические файлы приложения вашего приложения (например: your-custom-font.otf )
  2. Добавьте элемент приложения под названием FONT
  3. Создайте процесс подачи заявки:
  • Точка процесса: On Load: Before Header (page template header)
  • Код
 begin
    :FONT := '<style type="text/css">
     @font-face {
      font-family: "DefaultFont";
      src: url(#APP_IMAGES#your-custom-font.otf);
    }
    body {
        font-family: "DefaultFont" !important;
    }

    .ui-widget {
       font-family: "DefaultFont" !important;
    }
   </style> ';
end;
  1. На каждой странице, где вы хотите использовать этот пользовательский шрифт, в разделе HTML-заголовок на уровне страницы > >HTML-заголовок задайте строку подстановки amp;FONT .

Описанный процесс очень полезен, если вам нужны разные шрифты для разных пользователей, но если у всех ваших пользователей один и тот же шрифт. Тогда вам просто нужно перейти по встроенному CSS на страницу:

 @font-face {
 font-family: "DefaultFont";
 src: url(#APP_IMAGES#your-custom-font.otf);
}
body {
   font-family: "DefaultFont" !important;
}

.ui-widget {
  font-family: "DefaultFont" !important;
}

Или для Калибри добавьте этот CSS:

 body {
    font-family: Calibri, sans-serif !important;
}

Также при выборе шрифта учитывайте это.

Метки: