Timwi (timwi) wrote in lj_userdoc,
Timwi
timwi
lj_userdoc

[s1 cust] Changing fonts

http://www.livejournal.com/support/faqbrowse.bml?faqid=12

First of all, I don't think the first link in this FAQ should go to the developer section. :)

Additionally, the wording "There are hard and easy ways to change the font in your journal." seems a little unprofessional to me. Finally, I also thought the order was a bit weird (information on merging several overrides should really come after the overrides, not before) ... So I thought I'd offer a rewrite of the entire FAQ.

Before:

There are hard and easy ways to change the font in your journal.


If you have a paid account, then you might want to consider creating your own style. You can read more about that here:

     http://www.livejournal.com/developer/styles.bml

An easier way is to go to your Modify Journal page while logged in:

     http://www.livejournal.com/modify.bml

At the bottom there is a box where you can enter style overrides. In that box you can enter CSS style rules as part of the GLOBAL_HEAD element of your journal, which affects all of your journal pages (recent, friends, calendar, day).

Note that if you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), that the overrides will need to be merged together. Details on how to do this can be found at http://www.livejournal.com/users/howto/926.html from the HowTo journal (http://www.livejournal.com/userinfo.bml?user=howto).

(Remember that font names may be case-sensitive, and must be spelled correctly, with any spaces in the correct places, in order to work properly):

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

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

Combined they would be:

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

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 system style.

After:

If you have a paid, permanent, or early adopter account, then you might want to consider creating your own style. You can read more about that here:

     http://www.livejournal.com/support/faqbrowse.bml?faqid=128


If you have a free account, you have to use style overrides to change the font in your journal. For a short introduction to overrides, see:

     http://www.livejournal.com/support/faqbrowse.bml?faqid=124

While you are logged in, go to the Modify Journal page:

     http://www.livejournal.com/modify.bml

At the bottom there is a box where you can enter style overrides. In that box you can enter CSS style rules as part of the GLOBAL_HEAD element of your journal, which affects all of your journal pages (recent, friends, calendar, day). Use the following override to change the font in your journal:

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

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

Combined they would be:

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

Remember that font names may be case-sensitive, and must be spelled correctly, with any spaces in the correct places, in order to work properly.

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 system style.

Note that if you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), that the overrides will need to be merged together. Details on how to do this can be found at http://www.livejournal.com/users/howto/926.html from the HowTo journal (http://www.livejournal.com/userinfo.bml?user=howto).

Diff:

There are hard and easy ways to change the font in your journal.


If you have a paid paid, permanant, or early adopter account, then you might want to consider creating your own style. You can read more about that here:

     http://www.livejournal.com/developer/styles.bml      http://www.livejournal.com/support/faqbrowse.bml?faqid=128

An easier way is
If you have a free account, you have
to go use style overrides to change the font in your journal. For a short introduction to overrides, see:

     http://www.livejournal.com/support/faqbrowse.bml?faqid=124

While you are logged in, go to the
Modify Journal page while logged in: page:

     http://www.livejournal.com/modify.bml

At the bottom there is a box where you can enter style overrides. In that box you can enter CSS style rules as part of the GLOBAL_HEAD element of your journal, which affects all of your journal pages (recent, friends, calendar, day).

Note that if you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), that
Use the overrides will need to be merged together. Details on how following override to do this can be found at http://www.livejournal.com/users/howto/926.html from change the HowTo journal (http://www.livejournal.com/userinfo.bml?user=howto).

(Remember that
font names may be case-sensitive, and must be spelled correctly, with any spaces in the correct places, in order to work properly): your journal:

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

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

Combined they would be:

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

Remember that font names may be case-sensitive, and must be spelled correctly, with any spaces in the correct places, in order to work properly.

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 system style.

Note that if you are using more than one GLOBAL_HEAD override (such as a font override and a background override together), that the overrides will need to be merged together. Details on how to do this can be found at http://www.livejournal.com/users/howto/926.html from the HowTo journal (http://www.livejournal.com/userinfo.bml?user=howto).
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 

  • 3 comments