Posted by The font isn't showing up on my Live CSS Edit

Ms. Scavenger (#364481)

Total Chad
View Forum Posts


Posted on
2024-10-14 12:05:38
I'm using Katie's template but none of the fonts I've chosen are working. I'm plugging the link into the code like this:

Code: @import url('FONT URL');

What I put: @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');

Nothing is working and I am getting very frustrated because I can't move onto anything else and nothing looks complete without the font I want.

Pls help me :(



Hrt Icon 0 players like this post! Like?

Ms. Scavenger (#364481)

Total Chad
View Forum Posts


Posted on
2024-10-14 15:31:15
I have also used the !important command and it doesn't do anything.



Hrt Icon 0 players like this post! Like?

Trace (#68847)


View Forum Posts


Posted on
2024-10-15 04:04:43
Instead of importing the entire font family.. you could consider using this instead..

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

Afterwards you can use other CSS styles including font-weight and font-style to achieve similar results.

If it is not a font family issue like you are implying, then I would presume it's a selector issue.



Hrt Icon 0 players like this post! Like?

Ms. Scavenger (#364481)

Total Chad
View Forum Posts


Posted on
2024-10-16 17:25:32
Sorry, that doesn't work either. I'll just try to find a template section for font that works and paste it into my own. I don't know what else to try :(



Hrt Icon 0 players like this post! Like?

➵ stella (#185560)


View Forum Posts


Posted on
2024-10-23 12:48:51
Not sure if you've figured this out yet, but I figure it can't hurt to try to help a lil!

When it comes to fonts, there's a few different places in your coding that you'll have to input something. I'm using the CSS I have in my den now as an example.

The first is at the top of the code, which is what you've got here already.



The second are the font-family coding bits - you can see I've highlighted them!

This one covers all of the font in your code!


These two cover the fonts for your Right Side Panel headers (King's name, Achievements, Bookmarks, etc.) & your King's intro header.



I have two separate fonts in my CSS because I like having my headers separate fonts from the rest of my CSS.

The font-family code can be found just under where you get the font links on the Google Fonts page.


All you gotta do is take that underlined bit & plug it in your code, just like you see in the screenshots! Lemme know if you need any more help c:



Hrt Icon 0 players like this post! Like?


Edited on 23/10/24 @ 12:49:14 by ➵ sprout (#185560)

Ms. Scavenger (#364481)

Total Chad
View Forum Posts


Posted on
2024-11-15 23:32:56
Unfortunately, this does not work either. I have plugged the @import commands the way you did it into the same place, and put the same fonts as you. But nothing.

I don't know if my Live CSS thing is being weird or my template is wack. The only parts that aren't working is the font and some images. The rest is fine.

If you have snip-its of a template I can insert into my template that could possibly fix my issue, it would be appreciated.



Hrt Icon 0 players like this post! Like?

➵ stella (#185560)


View Forum Posts


Posted on
2024-11-16 00:18:20
if you want to send me the link to the code, i could take a peek at it and see if i can figure it out!



Hrt Icon 0 players like this post! Like?







Memory Used: 624.91 KB - Queries: 2 - Query Time: 0.00117 - Total Time: 0.00549s