Replacing Fonts from a Web Site
In controlling the font families used by a skin, you have the choice of designing the style yourself or selecting a set of font families used by another Web site. The following procedure presents a scenario describing how you might go about capturing and using families from another site.
Note: Font properties used by individual skins can vary. The properties described in the following sample procedure may not be available in all skins.
To replace the font families used by a skin with the font families used by another Web site
1. As system administrator: Administration Dashboard > User Interface > Skin Administration.
2. To modify a skin, click the Tools icon
and then click Edit. 3. Click Fonts.
4. On the Select palette list, select URL, type the Web site URL and click OK.
The Palette displays a list of font families derived from the Web site.
5. In the Palette on the lower-right side of the page, find a line that seems to represent the normal body text of the Web site, and select it.
This action should result in several font families being listed in the Picker panel. If not, try some other lines in the palette that look like normal body text.
6. Click
directly above the Palette. This action saves the font information to the Scratchpad panel for later use.
7. In the line you just created in Scratchpad panel, select the text in the edit field and rename it to something meaningful, such as my regular text.
8. In the Skin Properties list on the left side of the page, select the regular skin property.
The regular skin property is highlighted with a red box, meaning it is selected for editing.
9. To set the regular skin property, click
from the Scratchpad panel. This action sets the regular skin property with the value selected in the Scratchpad panel.
10. In the Skin Properties list on the left side of the page, select the bold skin property.
The bold skin property is highlighted with a red box.
11. In the Scratchpad panel, select my regular text.
Because the my regular text scratchpad item was already the active item in the Scratchpad panel (with a dark red border around it), selecting it again makes it the active item for the page (with a bright red border around it), and loads the my regular text font information back into the Picker panel.
12. In the Font-style area of the Picker panel, select the Bold check box.
13. Click
from the Picker panel. This action sets the bold skin property with the value in the Picker panel.
14. In the Skin Properties list, click the small skin property.
15. In the Scratchpad panel, select my regular text.
16. In the Font-size area of the Picker panel, do one of the following:
If this option is selected... | Do this... |
Relative size | Change the value in the list to be a size smaller than the existing size |
Numeric size | Edit the number in the field to be a value two or three smaller than the existing size |
17. Click the arrow directly to the left of the Picker panel.
18. In the Skin Properties list, select the medium skin property.
19. In the Scratchpad panel, select my regular text.
20. In the Preview list at the bottom of the page, choose Public folders and then click Preview.
The preview demonstrates how your changes have affected the skin.
21. Close the preview window.
22. Click Save.