mercury's profile picture

Published by

published
updated

Category: Blogging

(check comments!) changing only the name font/size

can anyone help me with ccs for how toย change the font/size of only the name on the top left of my page while leaving everything else unaffected? if it helps i'd like to start with making it bigger. thank u!


15 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

mercury

mercury's profile picture

wow thank you so much!! i'll keep this blog post up in case anyone else is having the same problem :)


Report Comment

๐“ต๐“ธ๐“ผ๐“ฎ๐“ป ๐“ซ๐“ธ๐“ฒ

๐“ต๐“ธ๐“ผ๐“ฎ๐“ป ๐“ซ๐“ธ๐“ฒ's profile picture

this should work for changing to web safe fonts but custom ones need to be loaded using @font-face.


.profile h1 {
font-size: 42px;
font-family: cursive;
}


Report Comment



this was awesome and worked! how would i go from here about changing the font style?

by Filth Spewer; ; Report

Hi, I think I can help u! The template I used is like this


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');


u can replace that link with any other font on google fonts! i also think if youre using google fonts it will give you that html if you click on "select this style" when you find one you like. Then, where "cursive" is on the original template you write the font name, and since you showed this website what the font looks like it just grabs it!

for example, my font was Playfair Display so the html looks like this:
.profile h1 { font-family: Playfair Display;
font-size: 32px;
color: #CACDDB; }

I hope this helped!

by mercury; ; Report

Hello not OP but I tried to use the google font thing with the code and it still wont let me change my font style. Please if you can offer any help that would be great.

by Xx_Katie_Ketamine_xX; ; Report