I'm VERY new to this website... I'm on mobile only, on my little ol' phone.. I've seen people with different fonts and I was wondering how to do that???
I'll paste here what i said for someone else, in the case you still don't understand you can look for my blog on customisation or i'll stay online to help you with specific things it's totally okay if you don't get it (especially since you're on mobile it's gonna be double as hard)
basically we'll need multiples steps for that (this is really hard to understand without images i'm very sorry in case it's too complicated i don't mind giving you my code as an example) First of all you can only get fonts at https://fonts.google.com, once you found something you like, click on "get embed code", the website will give you two types of code and we'll need only part of it
in the first part we'll only take the "https://fonts.googleapis.com/somethingsomethingnameofyourfont" section, this is the link of your font In your code, at the very top, you're going to write "@import url("linkofyourfont");"
Then, in any hooks you want (something something data skin part), you can paste the second part of the code you got, "font-family: nameofyourfont" and you can adjust the font-size or the color, etc
no worries at all i'm still available if anything! I want you to figure it out so you can understand and make your profile however you want but if you want the answer directly i'm here
no worries at all queen i gotchu in your code there should be something called "data-skin-page" containing all the colors for your profile, at the very bottom you're going to write "font-family : somethingsomething" depending on your font However at the very TOP of your code (even before the data-skin-page) you're going to write @import url("linkofyourfont"); and it should work, here's my code so you can see how i did it
omg girl you did it!! There's no wasting my time my last resort would be to add you on insta and show you screenshots with more explanations i absolutely love to help people with their profile
Comments
Log in or sign up to leave a comment.
basically we'll need multiples steps for that (this is really hard to understand without images i'm very sorry in case it's too complicated i don't mind giving you my code as an example)
First of all you can only get fonts at https://fonts.google.com, once you found something you like, click on "get embed code", the website will give you two types of code and we'll need only part of it
in the first part we'll only take the "https://fonts.googleapis.com/somethingsomethingnameofyourfont" section, this is the link of your font
In your code, at the very top, you're going to write "@import url("linkofyourfont");"
Then, in any hooks you want (something something data skin part), you can paste the second part of the code you got, "font-family: nameofyourfont"
and you can adjust the font-size or the color, etc
I want you to figure it out so you can understand and make your profile however you want but if you want the answer directly i'm here
in your code there should be something called "data-skin-page" containing all the colors for your profile, at the very bottom you're going to write "font-family : somethingsomething" depending on your font
However at the very TOP of your code (even before the data-skin-page) you're going to write @import url("linkofyourfont");
and it should work, here's my code so you can see how i did it
@import url("https://fonts.googleapis.com/css2?family=Agu+Display&display=swap");
(without the // it's to bypass the censor)
[//data-skin-page]{
--skin-palette-accent:rgba(67,82,94,0.54);
--skin-palette-accent-text:#ffffff;
--skin-palette-chrome:rgba(67,82,94,0.58);
--skin-palette-chrome-text:#ffffff;
--skin-palette-link:rgba(92,111,130,0.5);
--skin-palette-link-hover:rgba(66,78,90,0.38);
--skin-palette-muted:rgba(117,117,117,0.63);
--skin-palette-backdrop:rgba(226,231,236,0.58);
--skin-palette-page:rgba(255,255,255,0.53);
--skin-palette-page-text:#111111;
--skin-palette-surface:rgba(255,255,255,0.59);
--skin-palette-surface-link-hover:#424e5a;
--skin-palette-surface-text:#111111;
background:url("https://i.pinimg.com/1200x/3d/3d/15/3d3d154c086adfb4d7d9bf143bde62a8.jpg");
background-size:contain;
background-repeat:repeat;
font-family: "Agu Display", serif;
}