a cat named Tempest (isabeau) wrote in lj_userdoc,
a cat named Tempest
isabeau
lj_userdoc

Cust FAQ project - FAQ 12

(FAQ to be moved from S1 to Customization)

TITLE: How do I change the font used for my entire journal?

You can use style overrides (in S1) or the customization wizard (in S2) to change the font used in your journal. If you have a Paid, Permanent, or Early Adopter account, then you also have the option of creating your own custom style or layer

.STYLE SYSTEM 1

All account types can use overrides to change the font. To enter your font overrides, go to http://www.livejournal.com/modify.bml while logged in. Near the bottom there is a box to enter style overrides. In that box you can enter CSS style rules as part of the GLOBAL_HEAD override of your journal, which affects all of your journal pages (recent, friends, calendar, day).

If you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), the overrides will need to be merged together. Instructions on properly merging GLOBAL_HEAD overrides can be found at http://www.livejournal.com/users/howto/926.html

Please note that if you are using the Refried Paper system style, this method will not work for you. Please see http://www.livejournal.com/users/howto/13750.html for instructions on changing the font in this style.

Use the following override to change the font in your journal:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-family: "Arial", sans-serif;
}
-->
</style>
<=GLOBAL_HEAD

Replace "Arial" with the name of the font you would like to use. Remember that font names may be case-sensitive, and must be spelled correctly in order to work properly. You can also specify multiple fonts in a comma-separated list, such as "Century Gothic", "Arial", "Helvetica", sans-serif. When someone views your journal, their browser will use the first font in the list if it is available, otherwise will use the second font if it is available, and so on.

If you would also like to change the size of your font, you can include this CSS rule:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-size: 12pt;
}
-->
</style>
<=GLOBAL_HEAD

Again, you should replace 12pt with the size you would like for your journal.

If you would like to change both the size and the font, you can combine the two:

GLOBAL_HEAD<=
<style type="text/css">
<!--
body, td, font, div, p {
font-family: "Arial", sans-serif;
font-size: 12pt;
}
-->
</style>
<=GLOBAL_HEAD


STYLE SYSTEM 2

Some system layouts allow you to specify the font used for your journal; some system layouts allow you to specify the font size, in addition or instead. A list of layouts that support font customization can be found at http://www.livejournal.com/community/s2howto/12827.html, and a list of layouts that support font size customization can be found at http://www.livejournal.com/community/s2howto/13284.html

If the layout you are using supports either or both of these customizations, you can change the font by going to http://www.livejournal.com/customize/ and editing the individual settings. Most layouts that allow you to customize fonts have a "Fonts" tab, although some layouts vary from this.

Paid, Permanent, and Early Adopter accounts can also create a custom Theme layer that adapts the S1 code given above into a print_custom_head function. Information on adapting S1 overrides to S2 functions can be found at http://www.livejournal.com/community/s2howto/1353.html


FURTHER READING

FAQ 7 - How do I customize the look of my journal or community?
FAQ 124 - What are overrides? How do they work?
FAQ 128 - How do I make a custom S1 style?
HowTo journal
FAQ 176 - What are the different S2 layer types?
S2HowTo journal
Tags: cat-s1, faq12, status-resolved
Subscribe
  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments