font choice not showing on different computer
ChancyRat
Registered Users Posts: 2,141 Major grins
I chose Buda for the main body text. It shows at home just great, but at work, gone.
This has to do with Buda not being web-compliant, or something like that?
In this case can I define an alternative font from the default?
I.e., Buda, but if not Buda, X?
This has to do with Buda not being web-compliant, or something like that?
In this case can I define an alternative font from the default?
I.e., Buda, but if not Buda, X?
0
Comments
Please check out my gallery of customisations for the New SmugMug, more to come!
FF 24.0 at both.
IE not working also: IE8 (required for work)
Chrome 30.x
Do I have something in my CSS messing me up?
However, I generated the code for you (you're welcome):
Add this to the VERY top of your theme's advanced CSS settings:
@font-face { font-family: 'Buda'; font-style: normal; font-weight: 300; src: url(http://themes.googleusercontent.com/static/fonts/buda/v3/xpKVHc19vcKaqMGd7JtK-A.eot?#iefix) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/buda/v3/3N6IHhwL9GuAVU1WX0Z9CA.woff) format('woff'), url(http://themes.googleusercontent.com/static/fonts/buda/v3/In5nPPB6p1Mco64syFRrYQ.ttf) format('truetype'); }You should be able to load Buda now (by using the font-family identifier.
Also, for what it's worth, when you use the font-family, you can add a comma and list additional fonts. The browser tries to load the first, and if it doesn't see it, tries to load the second, etc. So you could do the following and if it doesn't find buda it'll go to arial:
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
However, adding the code to add additional fonts, reverted the font to whatever it was when it wasn't Buda. I tried arial and georgia, different ways, to no avail. So for the time being I've removed it.
If I could segue in this thread, is there a way to:
- reduce the height of the lines of the navbar I have on the home page. Each title is too far apart height-wise.
- force the titles that wrap, to left indent?
EDIT: That is, force the wrapping lines to left-indent on the 2nd and any other lines following for that title.
Hm. strange. Loading the fonts shouldn't have any effect. ::shrug::
There is a way to do both but it's too difficult for me to re-create. Send me the HTML in a file again (via email) and I'll take a look.
Also, I'm not sure what you mean by left indent. As in ... you want the 2nd line to be further to the right than the first line. So it would look something like:
Instead of
?
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
http://www.youtube.com/watch?v=Mhb4n0yGYT4
Any time you need to figure out the code to make it happen just google "CSS font size" or "CSS add a shadow box", etc to get the CSS code options.
Former SmugMug Product Team
aaron AT aaronmphotography DOT com
Website: http://www.aaronmphotography.com
My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
This happened:
- the code you gave me to get Buda to work, worked.
- then I added the code for, "if Buda doesn't work, do Arial". This caused Arial to take over, Buda gone.
Was that the intention of your code? Since my computer really can't handle Buda, even though you first told it to?
What percentage of computers in the world will be able to handle Buda, with the code you gave me to add it? I think I haven't understood the consequences of choosing a particular google font. If 95% of viewers will not see Buda, I should rethink this.
What HTML? Did you mean CSS? - oh, wait, I know what you mean!!! lol. Okay!
I will give this a go but I get shivers thinking about it. I tried using webdeveloper on FF awhile ago and sunk into what felt like mire.