Insert new fonts

paky50

Hi,
i need to insert the font micross.ttf in my template to use it.

Can you help me?

saguaros

JA Allure template is based on T3 framework, you can follow this guide for how to install a new font: https://www.t3-framework.org/documentation/bs3-customization#add-fonts

paky50

Ok, but i have only the file .ttf and i haven't the file stylesheet.css

How i do you do?

saguaros

Where did you get this font? does it have guideline for how to add to a website?

thinkprague

Hi... I just followed your T3 framework youtube video on how to change font, I'm trying to change to Cormorant google font. No matter which font I select to use, the site defaults to the browsers Times New Roman default. https://compulsivemagazine.com/

Can you update the 10-year-old video to reflect how Google fonts works in 2023, or perhaps you can outline in text for me how to change the assets and variables file to display https://fonts.google.com/specimen/Cormorant#styles as the serif font for this template

saguaros

thinkprague With this Google font, you edit LESS file to use this font.

Try these steps:

1 - Go to file: root/templates/ja_allure/less/variables.less
2 - Look for code which define typography:

// Typography
// -------------------------
@font-family-cormorant:   'Cormorant', serif;
@font-family-sans-serif:  'Work Sans', sans-serif;
@font-family-serif:       'Faustina', serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-cormorant;

add a new variable for Cormorant font family and assign it to @font-family-base as above

3 - Backup your site and compile less to css: https://www.t3-framework.org/documentation/bs3-configuration#compile-less

Regards

thinkprague

that is awesome and so are you!

The new font has taken, but I need to change the text weight from 400 to maybe 500 or 600. Can you direct me where to change that?

saguaros

thinkprague

You can simply use this css code:

body {
    font-weight: 600;
}

add into the file: root/templates/ja_allure/css/custom.css (Create this file if it doesn't exist now)