Changing fonts in Safari 6
The font settings are gone from Safari's Preferences. How am I supposed to change the font?
MacBook Air, OS X Mountain Lion, Safari 6
Apple Event: May 7th at 7 am PT
The font settings are gone from Safari's Preferences. How am I supposed to change the font?
MacBook Air, OS X Mountain Lion, Safari 6
Safari 6, OS 10.7.4
To change the font size, use the Zoom in/Zoom out in the View menu (select first Zoom text only).
If you want to change the font, probably you need to use a CSS file (Preferences, Advanced, Style sheet).
Best,
https://discussions.apple.com/thread/4135692?answerId=19052289022#19052289022
I have created three separate Style Sheets, named Calibri.css, Lucida Grande.css and Trebuchet.css.
The code for all three style sheets appears below, separated by dashes -- create a new file in TextEdit, make it a TXT file (as opposed to a RTF file), select text from /* to } and copy and paste to your new text file, save it as *.css (* being the name you want to use). You can change the font to any you have installed.
Then, simply go to Safari -> Preferences -> Advanced and choose which style sheet you want to apply. I have customised my Toolbar to show the small/large A/A to change font size. Perhaps some kind soul can add to the code below to force a fixed sized font.
Alternatively, look for a Safari Extension called HelveticaTheWorld and force all pages to be displayed in Helvetica (the ugliest font ever invented).
---------------------
/* From Apple Discussion Board Suggestions */
\* {
font-family: Calibri !important;
}
body, p, b, i, u, h1, h1*, h2, h2*, h3, h3*, h4, h4*, h5, h5*, h6, h6* \[class\], \[span\], \[id\], \[style\] {
font-family: Calibri !important;
}
/* My custom defs */
dl, dt, dd, ol, ul, li, td, input, * {
font-family: Calibri !important;
}
---------------------
/* From Apple Discussion Board Suggestions */
\* {
font-family: Lucida Grande !important;
}
body, p, b, i, u, h1, h1*, h2, h2*, h3, h3*, h4, h4*, h5, h5*, h6, h6* \[class\], \[span\], \[id\], \[style\] {
font-family: Lucida Grande !important;
}
/* My custom defs */
dl, dt, dd, ol, ul, li, td, input, * {
font-family: Lucida Grande !important;
}
--------------------
/* From Apple Discussion Board Suggestions */
\* {
font-family: Trebuchet MS !important;
}
body, p, b, i, u, h1, h1*, h2, h2*, h3, h3*, h4, h4*, h5, h5*, h6, h6* \[class\], \[span\], \[id\], \[style\] {
font-family: Trebuchet MS !important;
}
/* My custom defs */
dl, dt, dd, ol, ul, li, td, input, * {
font-family: Trebuchet MS !important;
}
---------------------
This is fantastic. Has massively improved my browsing experience. Only thing I haven't been able to do is to change the css to get rid of bolds and strong. I've tried...
/* My strong conversion */
a, strong, b, em, \[strong\], \[b\], \[em\] {
font-weight: Normal !important;
letter-spacing: Normal !important;
color: #a30c0c;
}
It parses, but doesn't actually do what I want, which is to make sure bold stays as normal. Any help?
Any css experts around? Please comment on what appears below:
When you look at the *.css text, the line that begins "body,......." probably defines the text attributes:
b = bold
i = italic
u = underlined
I would imagine that the h** refers to pre-defined css styles.
I wonder if removing these from the *.css file will have any effects -- I don't have time to thoroughly test at the moment, but may try over the next few days.
--------------------
/* From Apple Discussion Board Suggestions */
\* {
font-family: Lucida Grande !important;
}
body, p, b, i, u, h1, h1*, h2, h2*, h3, h3*, h4, h4*, h5, h5*, h6, h6* \[class\], \[span\], \[id\], \[style\] {
font-family: Lucida Grande !important;
}
/* My custom defs */
dl, dt, dd, ol, ul, li, td, input, * {
font-family: Lucida Grande !important;
}
--------------------
Thanks for providing the code. Can one substitute the names of other fonts installed in /System/Library/Fonts and get the same results?
Changing fonts in Safari 6