How can I add the Montserrat Font Family to my website?

Store Design
1

I need help to add Montserrat Font Family. Please help asap.

Site: https://butterflight-boutique.myshopify.com/

Password: home

1 Like
2

@Janamir

The following link may help you. Please check.

https://support.weareunderground.com/article/272-how-do-i-add-a-custom-font-to-my-theme

3

@dmwwebartisan are otf and ttf font styles not supported?

4

@Janamir

No, It needs woff files.

5

I converted the montserrat.tff file to woff and woff2 on https://cloudconvert.com/ttf-to-woff then uploaded the file woff and woff2 file to assets folder, and posted this to theme.scss.liquid to see if it would work to the login page https://butterflight-boutique.myshopify.com/account/login , but the codes below didn’t work:

@font-face {
font-family: “Montserrat Regular”;
src: url(“Montserrat-Regular.woff2”) format(“woff2”),
url(“Montserrat-Regular.woff”) format(“woff”);
}

.customer-form__title h2 {
font-family: “Montserrat Regular” !important;
}

Site: https://butterflight-boutique.myshopify.com/account/login
password: home

Please help asap