<!-- (c) This layout was created by Hostuu with the help of several others who are credited throughout.
<!-- (c) The code below was a template from はなち's helpful blog post: https://blog.spacehey.com/entry?id=539631. I (Hostuu) edited the code for HOURS looking for a way to change the font until this one finally worked. Thank you, はなち! -->
<style>
.profile h1{
font-size: 30px;
font-family: 'freakshow';
font-weight: 550;
<!-- (c) This is the code if you want to clip a background onto the text
background: url(https://media.istockphoto.com/id/165812714/vector/ornate-seamless-pattern.jpg?b=1&s=612x612&w=0&k=20&c=2NyiysVMAlsS4_ngh9sdwP2FmXCYlKJnrcRNo2q6p4o=) ;
-webkit-background-clip: text;-->
-webkit-text-fill-color: black;
animation: shake 0.5s infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>
<!-- (c) Layout created by ray ☆ 🍉 (woman lover ⚢) (https://layouts.spacehey.com/layout?id=81296). I (Hostuu) took some code from this layout to change all the headers' fonts and got some help from ray the woman lover themself. -->
<style>
@font-face { font-family: 'freakshow';
src: url(https://www.dl.dropboxusercontent.com/scl/fi/e8acfaieskxkmkffit6mn/RUBBERSTAMP.otf?rlkey=1l4h2oky0xl4etno1hye5obmo&st=dylzb7rd&dl=0);
}
@font-face { font-family: 'mcr';
src: url(https://www.dl.dropboxusercontent.com/scl/fi/8blux23gb9vr1zbtuz48q/Lacquer-Regular.ttf?rlkey=gza0nm7jgl1wa2n181mqd7tdu&st=6mjfr9km&dl=0);
}
</style>
<style>
.profile .friends .heading, h4, .profile .contact .heading{
font-family: "mcr";
}
</style>
<style>
#music {
position: fixed;
bottom: 10px;
left: 10px;
width: 80px;
transition: 0.5s width;
}
#music:hover {
width: 360px;
}
.tvsquare {
padding: 0px;
margin: 0px;
width: 33.33333333333333%;
aspect-ratio: 1/1;
display: block;
float: left;
}
</style>
-->
Layout that makes the fonts on your profile grungy
0 Kudos
Comments
Displaying 0 of 0 comments ( View all | Add Comment )