User talk:Maverick Nate/Archives/9: Difference between revisions

m
Line 557: Line 557:


I don't know if your the person to ask but, could you tell me how to change fonts and change font colors. Or maybe show me someone who knows more about the matter. Thank you. ----[[User:Ethan7|<span style="color:Navy">Ethan</span>]] <small>''([[User talk:Ethan7|<span style="color:Blue">Discussion</span>]])''</small> 19:11, 21 December 2013 (UTC)
I don't know if your the person to ask but, could you tell me how to change fonts and change font colors. Or maybe show me someone who knows more about the matter. Thank you. ----[[User:Ethan7|<span style="color:Navy">Ethan</span>]] <small>''([[User talk:Ethan7|<span style="color:Blue">Discussion</span>]])''</small> 19:11, 21 December 2013 (UTC)
:Font colour, you've already got the code for that in your signature. For mainspace pages we tend to use a hex code in place of a named colour, as the named colour list is very limited. Hex codes are a set of three hexadecimal (i.e. base 16, 0-F) two digit numbers, indicating the value of red, green and blue, in that order, which make up the colour. They need a # at the start to indicate to the software that it should expect a hexadecimal number. #000000 is black, #FFFFFF is white. To change the font, you need to set the "font-family" style, in the same way that the colour style is set above. Keep in mind that if other people don't have the relevant font, they will not see that font, and it will revert to default for them (Typically Arial, Times New Roman, Calibri, or similar depending on the operating system and browser, but it can also be set in the browser options). If you want to be sure of the kind of font that will appear, set additional categories separated by commas as well. This allows the browser to select a font from the desired family if it doesn't have the default one. For example, you can set it as "font-family:monospace;" and a fixed-width font (like as is default in the editing window) will be used.
:As an example usage, you can set it as <code><nowiki><span style="font-family:Courier New, serif; color:#54AF63;">Text goes here</span></nowiki></code> This means that the text is coloured, and uses the font "Courier New". If the font Courier New isn't available, it will display the font that has been defined for use as a serif font in the browser options (Typically Times New Roman). Note that I mixed the classes just as an example, typically if your preferred font is fixed width, you'd use the monospace family as a backup, rather than serif or sans-serif. The outcome of that code is as follows: <span style="font-family:Courier New, serif; color:#54AF63;">Text goes here</span> <span class="sc">[[User:Werdnae|<span style="color:#2D4B98;">Werdnae</span>]]</span> <small>[[User talk:Werdnae|<span style="color:#009000;">(talk)</span>]]</small> 21:07, 21 December 2013 (UTC)
16,071

edits