Using Google Fonts in Oracle APEX

In this blog we will explore how to  use a different font than the default font in oracle apex. For demonstration purpose I am using google fonts CDN URL.

Please visit https://fonts.google.com/ for fonts and choose a font of your choice. For this demo I choose "Audiowide" font. Click on the font name then click on the "Select This Font" link this will popup a window at the bottom of the page. Click on the the popup window, navigate to "@import" section. Copy on the URL "https://fonts.googleapis.com/css?family=Audiowide&display=swap".

In oracle APEX navigate to the Shared Components > User Interface Attributes > User Interface Attribute , edit the Desktop UI, paste the URL in "File URLs" text box under cascading style sheet tab, now save and run the application.

Click on theme roller on developer bar, open "Custom CSS" section and paste the following CSS code

body, input {
font-family: 'Audiowide', cursive;
}

save the theme in a new name and mark the theme as current.

Happy Coding!!!


Comments

  1. Thanks for sharing this great information I am impressed by the information that you have on this blog. Same as your blog i found another one Oracle APEX . Actually, I was looking for the same information on internet for
    Oracle Apex Interview Questions and Answers and came across your blog. I am impressed by the information that you have on this blog. It shows how well you understand this subject.



    ReplyDelete

Post a Comment