MediaWiki:Common.css: Difference between revisions
From Cyborg Anthro Wiki
Caseorganic (talk | contribs) Trying to Change the Typography |
Caseorganic (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Spectral:wght@400;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); | ||
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap'); | |||
body { | body { | ||
| Line 11: | Line 13: | ||
h1 { | h1 { | ||
font-family: 'Spectral', serif; | font-family: 'Spectral', serif; | ||
font-size: | font-size: 60px; | ||
line-height: | line-height: 64px; /* 48px font size + 4px spacing */ | ||
} | } | ||
Revision as of 13:30, 1 April 2024
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
font-size: 12px;
line-height: 16px; /* 12px font size + 4px spacing */
}
h1 {
font-family: 'Spectral', serif;
font-size: 60px;
line-height: 64px; /* 48px font size + 4px spacing */
}
h2 {
font-family: 'Spectral', serif;
font-size: 36px;
line-height: 40px; /* 36px font size + 4px spacing */
}
h3 {
font-family: 'Spectral', serif;
font-size: 28px;
line-height: 32px; /* 28px font size + 4px spacing */
}
h4 {
font-family: 'Spectral', serif;
font-size: 24px;
line-height: 28px; /* 24px font size + 4px spacing */
}
h5 {
font-family: 'Spectral', serif;
font-size: 20px;
line-height: 24px; /* 20px font size + 4px spacing */
}
h6 {
font-family: 'Spectral', serif;
font-size: 16px;
line-height: 20px; /* 16px font size + 4px spacing */
}
p {
font-family: 'Poppins', sans-serif;
font-size: 12px;
line-height: 16px; /* Maintaining the same line height as body for consistency */
}