galbur
Hi Christoph,
1 - Open the file: /templates/ja_mono/etc/assets.xml
Load the Ubuntu font by adding this line of code:
<file>//fonts.googleapis.com/css?family=Ubuntu:400,700</file>
Like this: https://prnt.sc/tzba66
2 - To change the font globally, you will need to edit the LESS file: /templates/ja_mono/less/variables.less
At approx line 82, you will see this code:
// Typography
// -------------------------
@font-family-sans-serif: 'Karla', sans-serif;
@font-family-serif: 'Karla', sans-serif;
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base: @font-family-sans-serif;
you can define a new variable for Ubuntu and set it as based font-family like this:
// Typography
// -------------------------
@font-family-ubuntu: 'Ubuntu', sans-serif;
@font-family-sans-serif: 'Karla', sans-serif;
@font-family-serif: 'Karla', sans-serif;
@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base: @font-family-ubuntu;
3 - Now, go to Admin panel > Extensions > Templates > JA Mono template style >> General tab >> if the 'Development Mode' is turned ON, just refresh frontend of your site to see the change. If 'Development Mode' is OFF, you need to hit the button 'LESS to CSS' to compile less to css (REMEMBER to backup all CSS files first as when compiling, they will be overwritten)