What is your favorite font to display websites?


Recommended Posts

The title says it all, what is your favorite font to display websites? Other than the default one of course.

Right now, mine is Thonburi in Firefox settings. And I do not allow to display their own font. I only wish, however, that was possible with Safari hehe

Link to comment
Share on other sites

Thonburi would get annoying !

I just use default, but I suppose I quite like Segoe WP (Never tried it for websites though), or Roboto for Linux boxes, set Roboto system wide on my old mint install, looked pretty nice

Link to comment
Share on other sites

Times New Roman, if I was the webmaster.

Link to comment
Share on other sites

Candara FTW... friendly and classy. Love how the numbers look in it, specially bold.

Link to comment
Share on other sites

well, I don't have the same font I guess

capturedcran20120628123.png

My bad, I didn't see this was a Mac thread, I guess the font I found is the PC version :p

Link to comment
Share on other sites

The title says it all, what is your favorite font to display websites? Other than the default one of course.

Right now, mine is Thonburi in Firefox settings. And I do not allow to display their own font. I only wish, however, that was possible with Safari hehe

You can do it in Safari with a custom CSS.

Link to comment
Share on other sites

Usually the one that the website specifies. :p If I need to make something more legible, I just use save it to Pocket to read later or use Safari Reader.

Link to comment
Share on other sites

You can do it in Safari with a custom CSS.

Would you mind sharing how to do it? I tried without success

that is the line I have in my custom CSS file

@font-face {

font-family: "font-name-here";

}

but I guess it's totally wrong since it doesnt work

Link to comment
Share on other sites

Do it by element:

body { font: "Font Name" "Font Size" !important; }

p { font: ... }

etc.

I tried these 2 lines with the font Myriad Pro and size 20 and it doesnt work

body { font: "Myriad Pro" "20" !important; }

p { font: "Myriad Pro" "20" !important; }

Link to comment
Share on other sites

I tried these 2 lines with the font Myriad Pro and size 20 and it doesnt work

body { font: "Myriad Pro" "20" !important; }

p { font: "Myriad Pro" "20" !important; }

Remove the double quotes on Myriad Pro and 20.

Do it like so:

body { font: Myriad Pro 20px black !important; }

p { font: Myriad Pro 20px black !important; }

So for divs, spans, etc.

Link to comment
Share on other sites

Remove the double quotes on Myriad Pro and 20.

Do it like so:

body { font: Myriad Pro 20px black !important; }

p { font: Myriad Pro 20px black !important; }

So for divs, spans, etc.

it's official sexy, I am super bad, it doesnt work haha. I tried without px and black and nada!
Link to comment
Share on other sites

it's official sexy, I am super bad, it doesnt work haha. I tried without px and black and nada!

Try another font then. I usually do Arial 12px. If that doesn't work then Apple must have changed something, because it used to work in Safari 4 and 5 with no problems.

Link to comment
Share on other sites

Try another font then. I usually do Arial 12px. If that doesn't work then Apple must have changed something, because it used to work in Safari 4 and 5 with no problems.

I tried Arial and other fonts, nothing worked. I am running Safari 6 which is part of ML. It is possible that Apple did something to Safari, *shrug*
Link to comment
Share on other sites

This topic is now closed to further replies.