Test:15: Difference between revisions
No edit summary |
mNo edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 2: | Line 2: | ||
The rem unit is the font size of the root element. Basically is the browser's default font size and is usually 16px but it can be modified by the user inside the browser menu. |
The rem unit is the font size of the root element. Basically is the browser's default font size and is usually 16px but it can be modified by the user inside the browser menu. |
||
<div class="BarlowCondensed"> |
<div class="FontContainer BarlowCondensed"> |
||
== Barlow Condensed == |
== Barlow Condensed == |
||
<div> |
|||
Here has been used the Barlow Condensed font-family (same used in-game) with a font size of 1.2rem< |
<p>Here has been used the Barlow Condensed font-family (same used in-game) with a font size of 1.2rem.</p> |
||
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all. |
<p>Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.</p> |
||
</div> |
|||
</div> |
</div> |
||
<div class="Roboto"> |
<div class="FontContainer Roboto"> |
||
== Roboto == |
== Roboto == |
||
<div> |
|||
Here has been used the Roboto font-family with a font size of 1rem< |
<p>Here has been used the Roboto font-family with a font size of 1rem.</p> |
||
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all. |
<p>Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.</p> |
||
</div> |
|||
</div> |
</div> |
||
<div class="Inter"> |
<div class="FontContainer Inter"> |
||
== Inter == |
== Inter == |
||
<div> |
|||
Here has been used the Inter font-family with a font size of 1rem< |
<p>Here has been used the Inter font-family with a font size of 1rem.</p> |
||
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all. |
<p>Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.</p> |
||
</div> |
|||
</div> |
</div> |
||
<div class="Manrope"> |
<div class="FontContainer Manrope"> |
||
== Manrope == |
== Manrope == |
||
<div> |
|||
Here has been used the Manrope font-family with a font size of 1rem< |
<p>Here has been used the Manrope font-family with a font size of 1rem.</p> |
||
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all. |
<p>Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.</p> |
||
<div class="font-showcase"> |
|||
</div> |
</div> |
||
</div> |
</div> |
||
| Line 76: | Line 81: | ||
font-size: 1.8em; |
font-size: 1.8em; |
||
font-weight: 600; |
font-weight: 600; |
||
} |
|||
.FontContainer { |
|||
--space-xxs: .25rem; |
|||
--space-xs: .5rem; |
|||
--space-sm: 1rem; |
|||
--space-md: 1.5rem; |
|||
--space-lg: 2rem; |
|||
--space-xl: 3rem; |
|||
--space-xxl: 6rem; |
|||
margin: 2rem 0; |
|||
padding: 1.5rem 2rem; |
|||
display: grid; |
|||
gap: 1.5rem; |
|||
border-radius: 3px; |
|||
background: hsl(240 12% 20%) !important; |
|||
box-shadow: 0.25rem 0.25rem 5px hsl(0deg 0% 0% / 20%); |
|||
} |
|||
.FontContainer :is(h2, h3, h4, p, *) { |
|||
margin: 0; |
|||
} |
|||
.FontContainer > div { |
|||
display: grid; |
|||
gap: 1rem; |
|||
} |
} |
||
}} |
}} |
||
Latest revision as of 21:31, 10 March 2022
What is the rem unit?
The rem unit is the font size of the root element. Basically is the browser's default font size and is usually 16px but it can be modified by the user inside the browser menu.
Barlow Condensed
Here has been used the Barlow Condensed font-family (same used in-game) with a font size of 1.2rem.
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.
Roboto
Here has been used the Roboto font-family with a font size of 1rem.
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.
Inter
Here has been used the Inter font-family with a font size of 1rem.
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.
Manrope
Here has been used the Manrope font-family with a font size of 1rem.
Debuting in the Untold Naraka patch about one year into the game's lifespan (estimated GL release June 2022), the NieR: Automata characters make up a potent Physical team. If you have ever played NieR: Automata, you'll notice the care and attention to detail that was put into making 2B, 9S, and A2 feel natural in Punishing: Gray Raven. Sprinting, PODs, even the hacking minigame — it's all here. Rather than being average like in many collabs, the NieR team shines in PGR; the devs are fans of NieR: Automata and PGR is inspired by it, after all.
