• Before posting a question, please check our Frequently Asked Questions page as well as previous threads here. Odds are you aren't the first to ask, and you may find the answer without having to post!

Html Question

FaithWynters

FaithWynters

The Cuppycakecreep
Moderator
Supporter
Hello! I am currently attempting to change the font of a post by using the following code. 


<link href="https://fonts.googleapis.com/css?family=Coming Soon" rel="stylesheet" type="text/css">


Then, in the tag, I call on the font family so that the text changes. 


<p style="border-style: double;
border-width: 5px; padding:5px;size:24px;font-family:Coming Soon;">




When incorporating the stylesheet for the font, I notice that previous posts that were messed up with the swap over, take on the font; I think this is because the call to the font family is still in the source when everything was auto-fixed. Firstly, Why is this making all of them change when the pointer to the style sheet is in a single post. Secondly, how do I make it NOT do that (because I think that's violating the rules on keeping edits to a single post).


Lastly, when I go to submit the post with the above code, the font no longer works like it does in the preview, and going back to edit mode shows that the first snippet of code (the href) has been deleted. Is that part of RPNations way of keeping their end safe? How do I get this to work? Any help would be gladly appreciated!
 
Last edited by a moderator:
FaithWynters said:
Hello! I am currently attempting to change the font of a post by using the following code. 



<link href="https://fonts.googleapis.com/css?family=Coming Soon" rel="stylesheet" type="text/css">


Then, in the tag, I call on the font family so that the text changes. 



<p style="border-style: double;
border-width: 5px; padding:5px;size:24px;font-family:Coming Soon;">




When incorporating the stylesheet for the font, I notice that previous posts that were messed up with the swap over, take on the font; I think this is because the call to the font family is still in the source when everything was auto-fixed. Firstly, Why is this making all of them change when the pointer to the style sheet is in a single post. Secondly, how do I make it NOT do that (because I think that's violating the rules on keeping edits to a single post).


Lastly, when I go to submit the post with the above code, the font no longer works like it does in the preview, and going back to edit mode shows that the first snippet of code (the href) has been deleted. Is that part of RPNations way of keeping their end safe? How do I get this to work? Any help would be gladly appreciated!
Click to expand...

Into your paragraph, add class and give it a unique name, even if if you're NOT going to use it. Doing so will keep it from messing any other paragraphs, because then it will only change the p that has the specified class~ 


before submitting, put an extra <p> in the very start of your coding. I tend to close it by the end too, but I'm not sure if that IS a requirement,


IDK why this happens but, unless you do this all the style of your post get's discarded -shrugs-


I'm a total starter too, but feel free to hit me up if you need more help :33


I advise always trying out you HTML at your own private workshop first. I almost committed the very same mistake on my first try, ended up messing with ALL the headers on my thread X D
 
Last edited by a moderator:
To elaborate, here is a piece of coding that I have created which uses Google fonts:


<p>
<br>
</p>

<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

<style>
m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}
</style>

<p style="font-size:12pt; font-family:Cinzel; color:#7A9348;">Never grow up...</p>




The coding between the <style> tag is known as a class.  This part of the CSS is essential.  If it is not used, your font will not be altered.  Using your username as the class will prevent the coding from affecting other areas of the site outside of your post.  This is what the coding looks like live.




m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}

Never grow up...
 
Musician said:
To elaborate, here is a piece of coding that I have created which uses Google fonts:



<p>
<br>
</p>

<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">

<style>
m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}
</style>

<p style="font-size:12pt; font-family:Cinzel; color:#7A9348;">Never grow up...</p>




The coding between the <style> tag is known as a class.  This part of the CSS is essential.  If it is not used, your font will not be altered.  Using your username as the class will prevent the coding from affecting other areas of the site outside of your post.  This is what the coding looks like live.
Click to expand...


m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}

Never grow up...





m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}



If you do the inline codding (like Faith was doing) and use it with span tags it seems to work as well :33


I checked ones I did and apparently, that's how I'm doing it~


CCS does look more organized tho OWO


PS: how to make the codding appear without being executed? That's useful and everyone seems to know how to do that, but me X D


EDIT: HTML don't seem to like being quoted >.<
 
Last edited by a moderator:
Necessity4Fun said:
m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}

Never grow up...






m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}



If you do the inline codding (like Faith was doing) and use it with span tags it seems to work as well :33


I checked ones I did and apparently, that's how I'm doing it~


CCS does look more organized tho OWO


PS: how to make the codding appear without being executed? That's useful and everyone seems to know how to do that, but me X D


EDIT: HTML don't seem to like being quoted >.<
Click to expand...


m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}

Never grow up...





m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}



If you do the inline codding (like Faith was doing) and use it with span tags it seems to work as well :33


I checked ones I did and apparently, that's how I'm doing it~


CCS does look more organized tho OWO


PS: how to make the codding appear without being executed? That's useful and everyone seems to know how to do that, but me X D


EDIT: HTML don't seem to like being quoted >.<


data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==


There is a button on the editor.  It looks like <>
 
Musician said:
There is a button on the editor.  It looks like <>




m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}
Click to expand...


m.musician{
font-family: 'Cinzel', 'serif';
font-color:#797B81;}

m.musician{
font-family: 'Open Sans Condensed', sans-serif;
background-color:#0f0f0f;
}



Oh. So that's what that is for? : O


thank you~~


I feel kinda silly now X D
 
Last edited by a moderator:
I was also aware of that as well.  Necessity's question seemed to be directed to the exact method I used for the post, however, which was what I specifically described.


Pasting the coding into the "normal" editor or using the cool button are both acceptable. :)
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)

Similar threads

VxrtexSkeleton_
Answered anyone know how to work this website?
Replies
2
Views
100
cheeseburger90210
cheeseburger90210
Back
Top