How to change font size? [#1722288]

I have created several website using Marinelli 6.x, but upon trying to develop in 7.x, I am having difficulty finding theme "components" such as font size, font color etc. In 6.x they were in the 4 css files (layout.css, graphic.css, typography.css and links.css).

Can someone please share instructions for how to change the font size of text on a basic page in 7.x?

Thanks

Comment	File	Size	Author
#3	font-size.patch	462 bytes	BhumikaVarshney

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

solodky CreditAttribution: solodky commented 16 September 2012 at 20:08

I had luck fixing mine in typography.css at:

 8 /* Default font settings.
  9    The font-size percentage is of 16px. (0.75 * 16px = 12px) */
 10 html { font-size:100.01%; }
 11 body,
 12 .form-text,
 13 .form-textarea {
 14   font-size: 85%;
 15   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
 16   color:#333333;
 17 }
 18

original font size: was 75% ,,so changing it to 85% helped. changing it to 100% broke my site for some reason

Comment #2

Lynn Amy de la Breteque CreditAttribution: Lynn Amy de la Breteque commented 3 December 2014 at 11:28

Issue summary:

View changes

Is this for all the text or simply the header text? I want to enlarge my header and slogan text and change the font style too.

Comment #3

BhumikaVarshney CreditAttribution: BhumikaVarshney as a volunteer and at OpenSense Labs commented 13 November 2019 at 11:08

File	Size
font-size.patch	462 bytes

This patch is to change the font-size globally so if the screen size is changed the font is also adjust as per the view port.
By this the default font-size is 16px and if you want to change header and slogan font you can use this id "title-slogan" and apply the font-size as per the requirement.