Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

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

Posted on Jul 26, 2012 4:14 AM

Reply
5 replies

Jul 27, 2012 8:29 AM in response to bharne

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;

}

---------------------

Nov 9, 2012 6:43 AM in response to Salim

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?

Nov 10, 2012 3:45 AM in response to WetFishDB

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;

}

--------------------

Changing fonts in Safari 6

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.