Added material symbols for later

This commit is contained in:
Lucas Kent 2023-03-16 15:57:55 +00:00
parent c246ebe24c
commit f5c83a850c
3 changed files with 42 additions and 9 deletions

View File

@ -55,3 +55,36 @@ body {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face {
font-family: "Material Symbols Rounded";
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v92/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2)
format("woff2");
}
.material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
font-feature-settings: "liga";
}
.material-symbols-rounded {
font-variation-settings:
'FILL' 0,
'wght' 700,
'GRAD' 200,
'opsz' 48
}

View File

@ -41,10 +41,10 @@
<div id="page-container"> <div id="page-container">
<div class="bg"></div> <div class="bg"></div>
<ul> <ul>
<li><a class="active" href="/">Home</a></li> <li><a class="active" title="Home" href="/">Home</a></li>
<li><a href="/wip.html">WIP</a></li> <li><a href="/wip.html" title="WIP">WIP</a></li>
<li><a href="/wip.html">WIP</a></li> <li><a href="/wip.html" title="WIP">WIP</a></li>
<li><a href="/wip.html">WIP</a></li> <li><a href="/wip.html" title="WIP">WIP</a></li>
</ul> </ul>
<br /> <br />
<br /> <br />
@ -58,7 +58,7 @@
srcset="" srcset=""
class="borderimg" class="borderimg"
/> />
<p class="welcome"><span class="auto-type"></span></p> <p class="welcome">&nbsp;&nbsp;<span class="auto-type"></span></p>
</div> </div>
<div id="footer"></div> <div id="footer"></div>
</div> </div>

View File

@ -40,10 +40,10 @@
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/" title="Home">Home</a></li>
<li><a class="active" href="/wip.html">WIP</a></li> <li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
<li><a class="active" href="/wip.html">WIP</a></li> <li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
<li><a class="active" href="/wip.html">WIP</a></li> <li><a class="active" href="/wip.html" title="WIP">WIP</a></li>
</ul> </ul>
<br /> <br />
<br /> <br />