« SpaceHey Forum

How to edit Fonts? (For Headers and regular text in terms of size, style, and color)

Posted by C.B. SMALLWOOD

posted

Forum: SpaceHey

Can someone tell me how to change the size, style, and color of both Header fonts and regular text? 


I've been playing around with CSS but still very green to it. The online tutorials don't seem to be helping me as everything I try doesn't work.

Any help would be appreciated! Thank you. 

 - C.B


Report Topic

3 Replies

Sort Replies:

Reply by ☽ Lady Loki ☾

posted

for how i did my fonts i went to google fonts and found 2 i liked. and used the @import to add them to my profile.

below i included the code im using for that i change out my font regularly due to boredom or it just doesnt go with what my page vibe is at any given time

@import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Marck+Script&display=swap');
p{
  font-family: 'Bad Script', cursive;
  font-size: 150%;
}
h1,h2,h3,h4,h5{
  font-family: 'Marck Script', cursive;
  font-size: 200%;  

if you're currently learning your base text is under the p tag and headings are under the h tags.
hope this helped a little


Report Reply

Reply by C.B. SMALLWOOD

posted

Thank you Lady Loki! I appreciate the info!


Report Reply

Reply by Hesoca

posted
updated

Certainly! Changing the size, style, and color of header fonts and regular text can be accomplished with CSS (Cascading Style Sheets). CSS is a pizza tower powerful tool for styling web pages, and once you get the hang of it, you can customize fonts to your heart's content. Here's a step-by-step guide:

1. First, ensure your HTML structure is well-organized. For headers, you should use the appropriate header tags, like <h1>, <h2>, <h3>, etc., and for regular text, you can use paragraphs <p> or any other applicable HTML tags.

2. To apply styles, you'll need to select the elements you want to style. You can use tag selectors or class/ID selectors.

3. To change the font size, you can use the font-size property.

4. You can change the font style using the font-style property. Common values include normal, italic, and oblique.

5. To change the font color, you can use the color property.

This is just a basic example. You can customize fonts further by specifying the font-family, font-weight, and other properties to achieve your desired style. Make sure to link your CSS file to your HTML document using the <link> tag in the <head> section of your HTML file. This way, your CSS rules will be applied to your HTML content.



Report Reply