Menu icon Foundation
Change typography defaults

In the Docs (http://foundation.zurb.com/docs/components/typography.html) we get to know that:
"We've got a ton of variables for you to use to customize your typography."

But how and where should I put those changes???

if I write for example:

$paragraph-font-size: 1rem;

at the end of app.scss

i get no result and looking into the _type.scss under bower_components I understand why...

So are we supposed to change values directly in that file???? (it scares me :-) )

bye
Francesco

foundation5typographytypesettings

In the Docs (http://foundation.zurb.com/docs/components/typography.html) we get to know that:
"We've got a ton of variables for you to use to customize your typography."

But how and where should I put those changes???

if I write for example:

$paragraph-font-size: 1rem;

at the end of app.scss

i get no result and looking into the _type.scss under bower_components I understand why...

So are we supposed to change values directly in that file???? (it scares me :-) )

bye
Francesco

Francesco Pensabene almost 6 years ago

@ julian Thanks I know it ;-)

the problem is that those lines should already be in _settings.scss but even if I do "bower update" I don't get those lines updated.

It seems to me that the git repo is not updated

bye
Francesco

Julian Ćwirko almost 6 years ago

so simply try to add those lines of code ..without '//' ofcourse

Francesco Pensabene almost 6 years ago

Rafi it would be nice to do like that but In my _settings.scss (I have not edited it) those lines you are referencing are not present.

Rafi Benkual almost 6 years ago

The best place to make changes is in your _settings.scss file. About line 210 you will see it:

Just uncomment the style you want to change and make the change.

// Style paragraphs

// $paragraph-font-family: inherit;
// $paragraph-font-weight: normal;
// $paragraph-font-size: 1em;

Note
In you app.scss file, make sure:

// Global Foundation Settings
@import "settings";