Hi everyone,
I'm facing an issue with fonts in my OutSystems application and would appreciate some guidance. In my app, I have a Country Files List where I'm using the font Source Sans Pro. Clicking on a specific country navigates the user to a Country Details page. However, despite setting Source Sans Pro as the font for both pages, the Country Details page is displaying a different font.
Upon inspecting the elements, I noticed that the CSS from the CKE editor used on the Country Details page is overriding the base font settings. This seems to be causing the discrepancy.
Could someone please advise on how to rectify this issue? I would like to ensure that Source Sans Pro is consistently applied throughout the application, including on pages where the CKE editor is used.
Thank you in advance for your help!
Best regards,
Anandha
hey, @Anandhanageshwari K
Can you Please tell me what you want ? and which font you want in your application
Thanks
Hi,
I would like to use, font-family: 'Source Sans Pro'
Even Though I used the same in country details it's not reflecting it's showing some other font in browser
To use google fonts refer the below forum thread:
import google fonts
if you already have the font downloaded and available inside your module's (Data Tab -> Resources)
Add the below styles to your style sheet,
/* Font Definition */
@font-face{ font-family: 'Source Sans 3', sans-serif; src:url('/yourModuleName/yourIcon.type'); // add your font's runtime path inside url of src.}
html{
font-family: 'Source Sans 3', sans-serif;
}
Hello,
Please share oml file
Hello, @Anandhanageshwari K
You have to use this and put your main application, (apply for all screens)
body {
font-family: 'Source Sans Pro', sans-serif;
if you want it only on your particular screen you have to put it on your working screen CSS
I hope this will be helpful for you
thanks,
You can try "!important" in your CSS if your styling gets overridden.In your case:
font-family: 'Source Sans Pro' !important;
If this doesn't work you can try with a wildcard:
* {
Best regards,Michiel
I'd also like to recommend a free online tool for anyone working with multilingual typography. It lets you combine fonts into a single font stack and handles RTL, LTR, and mixed-language text (such as Urdu, Arabic, English, and Roman Urdu) in real time: