MyFonts Webfont kit
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
I've purchased a webfont and am attempting to integrate it into my site.
I am following MyFont's instructions, but it appears to me that what they're instructing will conflict with the Gantry setting for my template.
(Which is Zephyr... I know, I could post in the Zephyr forum, but this is more specific to Gantry than Zephyr. At least, I think it is.)
What I would like to be able to do is install the font in a way that I can access it from the Gantry font selection drop down.
Is this possible?
And if so, how?
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
-
Try this:
www.rockettheme.com/forum/index.php?f=33..._v=viewtopic#p505700
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it
- DanG
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Thank you, prim... you directed me to the exact point.
However, I followed Kat's direction and am still having a problem.
Subsequent comments to her post don't seem to be receiving a reply.
Shall I post there? Or will I have more success elsewhere on the forum?
-
-
-
- prim
- Preeminent Rocketeer
- Posts: 17290
- Thanks: 217
- Well, it's just a tutorial so i think it would be better to continue in this current thread instead.
- Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Here's the css I added to the indicated file:
/* Adding Font Classic Comic */
@font-face {font-family: Classic Comic;src: url(../fonts/Classic Comic.eot);}
@font-face {font-family: "Classic Comic";src:local("Classic Comic"), url(../fonts/Classic Comic.ttf) format("truetype");}
.font-family-Classic Comic h1, .font-family-Classic Comic h2.title, .font-family-Classic Comic .rt-joomla .user legend, .font-family-Classic Comic .rt-joomla .contact legend, .font-family-Classic Comic .componentheading , .font-family-Classic Comic .edit-article legend {font-family: Classic Comic,Helvetica,Arial,sans-serif;letter-spacing: normal;font-weight: normal;}
I also added the proper code to the xml file - and I do get the proper dropdown box within Gantry.
Could my Caps and spacing have something to do with this?
testing URL: tamiwhiteside.com
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
the blank in Classic Comic and in .font-family-Classic Comic h1 cant work.
.font-family-Classic Comic h1
means
an elment "h1" in an element "Comic" in an element with the class .font-family-Classic
The element "Comic" obviously cant exist!
.font-family-Classic-Comic h1 would be better
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
I was thinking that might be the case.
So shall I simply collapse the space thus: ".font-family-ClassicComic h1"?
Or would this be more appropriate: ".font-family-Classic-Comic h1"?
Also, do I need to convert all to lower case?
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
would be better ... btw ... do you know this site?
It offers font sets for free
www.fontsquirrel.com/fontface
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
either?
Also, I did notice other references to fontsquirrel as I was initially researching this problem. Will definitely look into it in the future. This particular font was chosen by the (print) graphic designer on this project.
-
-
-
- Tami Whiteside
- Elite Rocketeer
- Posts: 837
- Thanks: 4
-
Since I didn't know which option to use, I dropped case and blank spaces and did this:
/* Adding Font Classic Comic */
@font-face {font-family: Classic Comic;src: url(../fonts/Classic Comic.eot);}
@font-face {font-family: "Classic Comic";src:local("Classic Comic"), url(../fonts/Classic Comic.ttf) format("truetype");}
.font-family-classiccomic h1, .font-family-classiccomic h2.title, .font-family-classiccomic .rt-joomla .user legend, .font-family-classiccomic .rt-joomla .contact legend, .font-family-classiccomic .componentheading , .font-family-classiccomic .edit-article legend {font-family: Classic Comic,Helvetica,Arial,sans-serif;letter-spacing: normal;font-weight: normal;}
Still no luck.
But did I mention I really appreciate the help?
-
Time to create page: 0.071 seconds