Adobe Fonts - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Adobe Fonts

MH

Matt Hunt

Helix Framework 4 years ago

Is there a way to use Adobe Fonts in the Helix Ultimate template?

0
10 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #40355

Hello Matt Hunt

Please follow this documentation and search for Custom Font on this page. This could be a way.

Best regards

0
MH
Matt Hunt
Accepted Answer
4 years ago #40838

Nothing comes up when searching on "Custom Font"

0
Pavel
Pavel
Accepted Answer
4 years ago #40840

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #40841

Thanks Pavel & Ofi

As I author of mentioned guide, I can assure you that it works with Helix3, Helix Ultimate 1.x and new 2.0. Not only me, but also many users here used it to load custom fonts on their sites.

Extra tip! Sometimes it's better to use full path to font file inside custom CSS, example below, to reduce not loaded font problem:

https://my-domain-name.co/fonts/new.woff

0
MH
Matt Hunt
Accepted Answer
4 years ago #40867

Hi Pavel, Thanks I did find it the 2nd or 3rd time I tried. But for some reason the 1st time the search feature on the site didn't come up with any results.

I placed the URL for the Adobe Font in the Custom Code Section "Before < /head>" such as < l-ink rel="stylesheet" href="/https://use.typekit.net/ndp6ozi.css"> then the selectors in a custom.css file per your instructions and it works great. However I'm having a hard time finding the right selector for the menu font, any suggestions? http://a2zpreview4.com/

0
Pavel
Pavel
Accepted Answer
4 years ago #40870

Hi. Try this

.sp-megamenu-parent a, 
.sp-megamenu-parent span,
.offcanvas-inner a,
.offcanvas-inner span {
    font-family: "Athelas","Georgia", sans-serif;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #40874

For MegaMenu only add this:

.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    font-family: "Athelas","Georgia", sans-serif;
}

and remove from custom.css (!) this line if it has to be different font

.sp-megamenu-parent {
    font-family: "Astoria-Sans","Arial", sans-serif !important;
        ...
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #40875

BTW

If you have RsFirewall there please change it settings, right now it damaged your < link code < l-ink that's why browser cannot load css file.

foto_7034_2021.png

0
MH
Matt Hunt
Accepted Answer
4 years ago #40879

Hi, Thank you for the quick responses, but it still isn't working for the menu. this is what I have in the custom.css. The only thing that is working from this is the 'text-transform'

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
font-family: "Astoria-Sans","Arial", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 32px;
text-transform: uppercase;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #40910

On my eyes it works now. And Yes, I know how Astoria Sans looks like.

foto_7040_2021.png

0