Sometimes connection pageboy designers makeinterestingchoices . Why not apply tiny , fancy type on a shaded ground to make reading a varlet more … legible ? Apple ’s built - in Reader View in Safari across all its platforms lets you make short oeuvre of operose - to - read type . But you lose most of the formatting , some of the images , and other elements of the page .
Safari for macOS has another trick up its sleeve : custom CSS . Where hypertext markup language specify the social organization and subject matter of a web page , caesium ( Cascading Style Sheets ) is the coding that underlie the coming into court and formatting , from case sizes to tower and floating box . InSafari > Preferences > modern , you’re able to take a customs style sheet from the Style Sheet drink down - up carte .
you may override Web Thomas Nelson Page ’s definitions of how things should appear .
You do n’t need to experience much CSS to have an impact . For representative , suppose you like Arial above all other typefaces . A CSS file that contains this exclusive line will interchange the case on all page to Arial :
html body { font - family : Arial ! significant }
Decoded , that suppose “ for an HTML Thomas Nelson Page ’s body surgical incision , the container for all the stuff you see on a Thomas Nelson Page , set the font family line to Arial and overturn everything else . ” Thecascadingpart of the CSS name defines a hierarchy about which style characteristic to use when there are overlapping choices . The web internet browser gets top pick and the!importantflag says , “ I do n’t wish what any other stylus sheet aver — use my parametric quantity ! ”
If you favour another typeface , bet through theFontspane in any app that show it ( TextEdit is such an app ; press Command - T to display it ) , and enter the name in the vogue sail above precisely as it appears . If it contains space , put acknowledgment mark around the name , as infont - category : " Cooper Hewitt " ! of import
you may trade the tabloid on and off through the Style Sheet menu in Advanced . Just pick None Selected when you do n’t require to use it . you may also modify the text in the mode sheet so it ’s not applicable , like changinghtmltonohtmland saving it .
A CSS file is a plain text file with the.cssextension . you’re able to make this with TextEdit , built into macOS . Ironically , TextEdit only create rich textual matter files with formatting by default . ChooseTextEdit > Preferencesand select the Plain Text pick under Format , and then chooseFile > Newto produce a plain text file . Save it as any name plus the.cssextension . Now in the Style Sheet menu , take Other and choose that file .
You do n’t have to go world-wide in your definition , as you could place specific elements on a varlet or other aspects by diving into the HTML and CSS — it ’s not as intimidating as you might think . On the soft end , W3schools offers straightforward tutorial and recipe ; on the more technical side , Craig Anthonywrote this look at Safari overrides , which may give you different sixth sense .
.post p { letter - spatial arrangement : -0.1pt ! significant ; font - sizing : 17px ! of import ; }
The.post ppart means , “ For paragraph [ p ] tagged with the name ‘ berth ’ , apply this style . ” This can backfire for any other entanglement page that happen to use “ post ” as a tagging ( or “ family ” ) name , too , as those names can be reused across web site !
Ask Mac 911
We ’ve compiled a lean of the questions we get necessitate most frequently along with answers and links to columns : record our super FAQto see if your question is covered . If not , we ’re always reckon for fresh problems to solve ! netmail yours tomac911@macworld.comincluding silver screen capture as appropriate , and whether you want your full name used . Not every question will be answered , we do n’t respond to e-mail , and we can not allow direct troubleshooting advice .
