Google Fonts Nexa Upd -
<!-- Weight spectrum: solid demonstration of Nexa weights --> <div class="section-title">⚡ solid spectrum | weight & expression</div> <div class="weight-spectrum"> <div class="spectrum-title">Nexa — From regular to ultra solid</div> <div class="weight-item"> <span class="weight-label">Nexa 400</span> <span class="weight-text w-400">The solid core of readability — regular weight with firm presence.</span> </div> <div class="weight-item"> <span class="weight-label">Nexa 700</span> <span class="weight-text w-700">Bold stance — confident, sturdy, and remarkably solid for any context.</span> </div> <div class="weight-item"> <span class="weight-label">Nexa 800</span> <span class="weight-text w-800">Heavy solid piece — maximum strength, unshakable typographic power.</span> </div> </div>
.hero-sub animation-delay: 0.1s; opacity: 0; animation-fill-mode: forwards; google fonts nexa
// simple CSS keyframes for entrance (if needed) const styleSheet = document.createElement("style"); styleSheet.textContent = ` @keyframes fadeInUp from opacity: 0; transform: translateY(30px); span class="weight-text w-400">
.weight-item display: flex; align-items: baseline; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 1rem 0; span class="weight-text w-700">
<div class="footer"> ✦ NEXA — Google Fonts | A solid piece of modern typography ✦<br> Bold forms · Heavy structure · Uncompromising design </div> </div>