Using Non-System Fonts

Using Non-System Fonts Through EOT Technology on your MySpace Page



Embedded OpenType® (EOT) is a compact font format designed for embedding fonts on Web pages. The advantage of EOT fonts to MySpace 2.0 users is that they do not need to rely on “web-safe” system fonts to customize their MySpace profile pages and MySpace comments. All Linotype, Monotype and ITC EOT fonts, when purchased from Linotype.com, can be used on non-commercial Web sites such as personal MySpace page at no additional charge.

Once acquired, EOT fonts can be hosted on a domain of the user’s choice, and by using the proper cascading style sheet (CSS) code (available below), users can customize their MySpace 2.0 pages with those fonts. Visitors to that MySpace page will be able to view the customized portions of the page in the specified EOT font, even though they do not have that font loaded on their own machine. (Currently, Internet Explorer is the only browser currently supporting the EOT technology.)


Using your EOT font to customize your MySpace 2.0 page
After purchasing and licensing your EOT font, the first determination you will need to make is what domain you will use to “host” your EOT font. The “host” will be where the EOT font data is stored. Once the font is hosted, you will be ready to add the necessary CSS code to your MySpace 2.0 page.

1) Log in to your MySpace 2.0 account. Click on the “Profile” pull-down menu in the MySpace navigation bar. Select “Customize Profile”.

2) On the upper left-hand side of the “Customize Profile” page, you will see a box with four options to choose from. Select the fourth one, “CSS”:




3) An empty text box will be displayed. Paste the following text in to the box:




4) Before saving this data, you will need to edit it. You will notice that the font name is listed as “xxxxxx”. Enter the proper font name. For example, if the EOT font is “Fenwick”, that’s what you will enter (include the quotation marks).

5) You will also notice that the source URL is listed as “*****************”. You will need to change it to the URL of your font host, and include the font name. For example, if you are hosting the Fenwick font on your domain named “MyTestSite.com”, the URL will be “http://www.MyTestSite.com/fenwick.eot” (include the quotation marks).

6) You may also want to take this opportunity to change the display size and color of your EOT font. You will see them in the “H1” section of the CSS code. Here are some sample font display sizes and colors:




7) Once you have edited the CSS code to your liking, simply click the “Publish” button in the upper right hand corner of the “Customize Profile” page. You are now ready to start editing your MySpace profile page and MySpace comments using your EOT font.

Customizing your Profile page fonts
1) If you would like to edit your profile using an EOT font, click the "Edit Profile" link in the MySpace interface.

2) The contents (text) of each section in the “About Me” and “Interests” areas that you want customized with your EOT font need to be framed by “H1” opening and closing HTML tags. We’re using “H1” because that is the signifier we specified in the CSS code above. The opening tag would appear this way:



3) Place the “close” tag after the text:



HTML tags are not case sensitive. Before saving the changes to your profile page, verify that the contents of each section that you wish to customize are wrapped with H1 tags:




The Profile box on your MySpace page will appear this way:




Customizing your Comment fonts
1) If you would like to add a comment to any MySpace page using your EOT font, click the “Add Comment” link.

2) Click the “HTML” button in the upper right-hand corner of the Add Comment box:



3) The contents (text) of this section need to be framed by “H1” opening and closing HTML tags. We’re using “H1” because that is the signifier we specified in the CSS code above. The opening tag would appear this way:




4) Place the “close” tag after the text:




5) While still in HTML mode, your comment should appear this way:



6) Click the “Preview” button to view your comment in your EOT font. If you are satisfied with the result, click the “Submit” button.

The Comment box on your MySpace page will appear this way: