Change Font

Saafiy uses 2 fonts: Inter Tight and Biko from the Google Fonts Library. You can change the fonts from assets/css/style.css file in below lines. If you want to use self hosted fonts other than Google fonts then here is an article of self hosted fonts to review. In this case you need to remove below lines and change font names in assets/css/style.css file as per your fonts used.

:root {
    --font-primary: "Inter Tight", sans-serif;
    --font-secondary: 'Biko', sans-serif;
    --font-3: 'fontawesome';
}

CSS

Using Google Fonts

If you wish to add or change your website fonts. You simply need to set your fonts in the typography.scss and replace all page same as below. following code:

@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

HTML

Theme Customization

We have included a demo CSS file inside the demos folder, as well as another folder niche called style.css , so you can better manage your customizations while updating Jobpath to the latest version. To add any custom CSS Codes, just add them to the assets/css/style.css file.

<link href="assets/css/style.css" rel="stylesheet">

HTML

Javascript

Saafiy comes with lots of helpful JavaScript plugins to make your website more user-friendly. These plugins add useful features for your website visitors. We built the JavaScript (JS) on a strong foundation using Object functions, making it sturdy and efficient.

If you want to add custom js in your template. Just go to assets/js/main.js

<script src="assets/js/main.js"></script>