CSS Question: What to do with fonts if the user end doesnt have it on their computer?

CSS Question: What to do with fonts if the user end doesnt have it on their computer?
by

1 Answer

Answer :

Currently this is basically only available in Webkit-based browsers such as Safari and Chrome. This is a touchy subject with a lot of designers. Your best bet is sIFR which uses Flash and JavaScript to replace text with a custom font. It’s a horrible pain in the rear but unfortunately it’s the best option. I’ve also heard some decent things about FLIR but I can’t vouch for it. If you don’t feel like doing those, just specify back up fonts. Like so: font-family: Helvetica, Arial, sans-serif;
by

Related questions

Anyone know of a good free website hosting site that allows .css files?

Description : Anyone know of a good free website hosting site that allows .css files?

Last Answer : answer:Not sure if I'm understanding you correctly, but the css file would just be linked from the html files you've made. So it's not that you'd make your content files into css files, you'd ... doesn't support css files. Does that help? Am I misunderstanding? Perhaps a link to the site would help?

One more time... what am I doing wrong now with this CSS?

Description : One more time... what am I doing wrong now with this CSS?

Last Answer : What do you want to do with your CSS? I need to see an example of what’s happening now, and then know what you want it to do diferently. Given that, I’ll try to help.

Holiday CSS themes - when and what?

Description : Holiday CSS themes - when and what?

Last Answer : We change things around when we feel like it, or when a user gives us a compelling reason to (as I explained in this blog post).

Any suggestions as to where to look for information on how to edit CSS in Squarespace?

Description : Any suggestions as to where to look for information on how to edit CSS in Squarespace?

Last Answer : Learn CSS?

Does anyone use CSS sprites?

Description : Does anyone use CSS sprites?

Last Answer : I hadn't read about it before. From what I can see now, it looks like quite a neat trick, but I can't really think of many use cases (or, for that matter, real-life situations where this effect is used but reached in another way).

Some vertical alignment help using CSS would rock my socks.

Description : Some vertical alignment help using CSS would rock my socks.

Last Answer : Try adding margin-top: 9px; to each of the images. I haven’t tested this on IE6, but it works on Firefox 2 and Safari 3.

Should I add my own CSS to my tumblelog?

Description : Should I add my own CSS to my tumblelog?

Last Answer : Google is your friend. Search for a beginners css tutorial

Navigation bar doesn't appear in Safari...

Description : Navigation bar doesn't appear in Safari...

Last Answer : answer:I tested it and it looks just like Firefox… http://www.indielyrics.info/pics/safari.png

Why does my tumblr homepage always end up going to a page called "Zynga RewardVille"?

Description : Why does my tumblr homepage always end up going to a page called "Zynga RewardVille"?

Last Answer : answer:This is what I’m seeing: http://i53.tinypic.com/2emlaib.png I don’t see anything about Zynga. It could very well be you’ve got a bug on your side.

A JavaScript question. [more inside]

Description : A JavaScript question. [more inside]

Last Answer : answer:I can’t answer the question directly. But here’s a CSS-only solution that allows for that functionality, I think: http://cssglobe.com/lab/tablecloth/ Scroll to the bottom of the article to change the settings so , for instance, only table rows highlight when moused over.

How to put a scrollbar in my tumblelog?

Description : How to put a scrollbar in my tumblelog?

Last Answer : Not familiar with Tumblr, but perhaps you could try overflow: scroll instead of overflow: auto?

When I try to put my scrollbar in my tumblelog, none of my posts show up. What am I doing wrong?

Description : When I try to put my scrollbar in my tumblelog, none of my posts show up. What am I doing wrong?

Last Answer : View the source Here

How To Add An Image Around My Tumblr Audio Posts?

Description : How To Add An Image Around My Tumblr Audio Posts?

Last Answer : You'd have to use custom HTML, and then look for look for the specific part of code in their theme (both the image section near the beginning), and also HOW to place it in the second part of the ... sure which image you want to use in your tumblr, so not sure how to help you out with specifics.

Coding A Theme For Tumblr Is The Same As Coding AnyOther Blog Right?

Description : Coding A Theme For Tumblr Is The Same As Coding AnyOther Blog Right?

Last Answer : i didnt mispelled anything tho

I'm not sure how my site is rendering on screens with a height greater than 900px. Could you take a look?

Description : I'm not sure how my site is rendering on screens with a height greater than 900px. Could you take a look?

Last Answer : looks fine to me at 1080 full screen.

Creating your own wordpress theme?

Description : Creating your own wordpress theme?

Last Answer : You have to know css and a bit of HTML and PHP. (don't be intimidated by the PHP part) it isn't that bad once you know what it is doing. Themeing wordpress is kinda hard. Going from zero to themeing wordpress ... try to convert it into a theme. No promises. And I won't try to get it to work in IE.

Do you think its about time to drop further development for IE6?

Description : Do you think its about time to drop further development for IE6?

Last Answer : I think it's still too early, there's a good portion of people still using it. I would guess we have another couple years of supporting it, so best to find fixes for the common issues ... users before making that decision. Others shared their thoughts here - Web Developers: Do you still support IE6?

Is there a way to have multiple versions of Internet Explorer installed?

Description : Is there a way to have multiple versions of Internet Explorer installed?

Last Answer : Try using Multiple IE. It won't work in Vista unfortunately though.

How can I shrink a <div> to its content, while still having it centered?

Description : How can I shrink a to its content, while still having it centered?

Last Answer : answer:Maybe you should try a instead of a div… that should shrink to it’s width by default. (Or you could give your div display:inline;). To make a div not stretch, I think you need to give it a width, in either px or %, but that doesn’t sound like what you want.

Safari Image Mouse Overs

Description : Safari Image Mouse Overs

Last Answer : I did FIRST 8 years ago… good luck with your robot. Your buttons (Georgia, Lego, Keynote) look correct on my Safari (Safari 3.0.4 on OS X Leopard)... no flickering or underlining.

What's the deal with Opera and width?

Description : What's the deal with Opera and width?

Last Answer : Have you set the padding and margin for both the divs and the images? And why don’t you just use overflow: hidden? Or perhaps overflow: visible?

RapidWeaver for pro web dev?

Description : RapidWeaver for pro web dev?

Last Answer : answer:I use RW 4 even though there are a lot of snazzy and polished templates, the editing of the code is still the same as would be in any HTML editor feature (as in DW), so in the ... self-paced online course through Lynda.com (not a plug). Just some personal perspectives from a current RW user.

Guestbook thingy.

Description : Guestbook thingy.

Last Answer : answer:nah, but I would go to google and servh for it. Or you can go to this websites forum and it has a shoutbox and if you want something like that I know the admin, Zlools, who could give you come ... Click forum at the top and take a look at the shoutbox. It should be near the top of the forum.

A question about fonts and copyrights.

Description : A question about fonts and copyrights.

Last Answer : answer:I don’t see how anyone could own their own handwriting/font unless it was copyrighted. Considering at least 19 more characters would need to be created, I’d say this falls into the category of artistic license

Fun Font question about owning Fonts.

Description : Fun Font question about owning Fonts.

Last Answer : The licenses for those fonts are certainly included with the application, though they may be limited for use only within those applications. That most likely varies from app to app, but I would, for the most part, feel safe using any font that comes with a legally purchased application.

Web design (CSS) question: how can I make something like this?

Description : Web design (CSS) question: how can I make something like this?

Last Answer : Looks like it’s based on Cargo Collective’s Montessori template and using their tools. They’ve modified it some to use some more concepts from brutalism, but it looks like all the main functionality would be there if you wanted to do the same.

A question about CSS and DIV alignment?

Description : A question about CSS and DIV alignment?

Last Answer : answer:Drop a clear: both; on your div for the footer/bottom. #bottom { background:url(“images/bottom.png”) no-repeat scroll 0 0 transparent; clear:both; height:21px; position:relative; width:959px;

In Dreamweaver CS3, is there a way to force what fonts your users see, overriding their preferences?

Description : In Dreamweaver CS3, is there a way to force what fonts your users see, overriding their preferences?

Last Answer : Read this. This is doable without stuff like sIFR.

How do I import fonts from the internet for use in my Office documents?

Description : How do I import fonts from the internet for use in my Office documents?

Last Answer : answer:I don't really have any recommendations. I have downloaded fonts several times and not had any problems I wondered why you needed the fonts. The fonts that come with Word are many and varied ... fancy fonts have no place in formal documents. Ariel or Calibri every time. I do love fonts though

Join me in wishing a fond farewell to the late Hermann Zapf, designer of numerous type fonts that we use every day?

Description : Join me in wishing a fond farewell to the late Hermann Zapf, designer of numerous type fonts that we use every day?

Last Answer : Farewell to yet another bright mind. Made it to a ripe old age despite the problems along the way.

How do you download fonts on Android?

Description : How do you download fonts on Android?

Last Answer : Try the Google Play store here’s one of the App’s.

Can someone identify the fonts used in this resume?

Description : Can someone identify the fonts used in this resume?

Last Answer : answer:I like the look. I haven’t bothered to read it to see if I like the content. It looks like he’s using Belizio Regular Bold for his name and the serif text headlines. The sans-serif font might be DejaVu Sans, but that’s a tougher call.

Why are my fonts disappearing?

Description : Why are my fonts disappearing?

Last Answer : answer:The only logical thing I can think of is that perhaps you have upgraded your computers software? Newer operating systems no longer support Power PC applications. (I may be totally wrong! But that’s the only thing I can think of at the moment.)

Any recommendations for a utility that lets you view all your installed fonts in a Windows system?

Description : Any recommendations for a utility that lets you view all your installed fonts in a Windows system?

Last Answer : If you type “Fonts” in the search bar for the start menu, an icon for fonts will come up. I think that’s what your asking, correct?

How do I type extra fonts in Ubuntu 10.4?

Description : How do I type extra fonts in Ubuntu 10.4?

Last Answer : answer:texlive doesn't have much to do with the fonts you use when you type messages at Facebook. If you ever decide to try your hands on LaTeX, you should install that, but if you don't know what ... it doesn't, you can try to use the font Ubuntu which should really support a lot of systems.

Is there any way to change default fonts for certain languages on Chrome?

Description : Is there any way to change default fonts for certain languages on Chrome?

Last Answer : DominicX you can read Japenese? Is there no end to your talents?

Can you suggest fonts for a logo of a humanitarian project?

Description : Can you suggest fonts for a logo of a humanitarian project?

Last Answer : www.dafont.com

Where can I download fonts for free?

Description : Where can I download fonts for free?

Last Answer : 1001freefonts.com has a lot of fonts, but many of them are made from various people and may not contain what you’re looking for. Still, there’s a ton on there.

Do I have to keep all my fonts in the font folder?

Description : Do I have to keep all my fonts in the font folder?

Last Answer : Which operating system?

Where can i get Zapfino fonts for free?

Description : Where can i get Zapfino fonts for free?

Last Answer : Why do you deserve to get them for free? Are you very, very special, or just a thief?

Recommended "handwritten" fonts?

Description : Recommended "handwritten" fonts?

Last Answer : I believe Barbara Hand is included on most operating systems, and that is the one basic handwriting typefaces I can think of. But there are many more if you want it to look a little more handwritten than that basic typeface. I recommend Font Garden for some lovely fonts based on handwriting.

Great fonts (typefaces) with oldstyle figures?

Description : Great fonts (typefaces) with oldstyle figures?

Last Answer : Try Urbanfonts.com They have a search window for ya.

Anyone know where I can find Khmer, Malayalam, and other foreign fonts (and IPA characters)?

Description : Anyone know where I can find Khmer, Malayalam, and other foreign fonts (and IPA characters)?

Last Answer : That's weird about the lack of Unicode in Office for Mac; I didn't realize that it isn't really there. They offer Arial and Lucida Unicode under the Windows compatible collections. IPA is ... Characters. I wonder if for the other fonts you have to go in under System Preferences>International.

Ok, so I made the fonts on my Acer pc super big, and now I can't see the "apply" and "ok" option to make them smaller again! What can I do?

Description : Ok, so I made the fonts on my Acer pc super big, and now I can't see the "apply" and "ok" option to make them smaller again! What can I do?

Last Answer : On an apple you would hit command – maybe on a pc it is control – ?? Or restart and it might revert to default size.

Need 2 fonts for my Mac.

Description : Need 2 fonts for my Mac.

Last Answer : The charcoal font was used exclusively for Mac OS 8 and 9, and then disappeared in OS X (it was replaced with Lucida Grande). The website that used to sell the original font, Font Bureau, seems to no ... that Virtue only comes in True Type format. As for NY, I believe this is the font you need.

Can anyone tell me from where to download attractive fonts for free?

Description : Can anyone tell me from where to download attractive fonts for free?

Last Answer : There are tons of font sites like DaFont.com etc. Personally I’d look at lists of awesome fonts like this

How do you install fonts in Open Office Portable?

Description : How do you install fonts in Open Office Portable?

Last Answer : I actually answered my own question by just googling. You put the fonts physically into the OpenOffice/Share/Fonts folder

Nice Cursive Fonts?

Description : Nice Cursive Fonts?

Last Answer : My favorites are: Vivaldi Zaphino Edwardian Script Snell Roundhand

What are some of your favorite type fonts?

Description : What are some of your favorite type fonts?

Last Answer : Calibri is my latest favourite.

Enlarging system fonts?

Description : Enlarging system fonts?

Last Answer : I don't know if this would help any Click on the View' menu with the mouse. Hover your mouse over Text Zoom' and choose a different text size from the listed options. Or to use keyboard ... Enter' to return to Internet Explorer. Maybe not sorry Tinkertool is from what i can find the way forth