Difference between revisions of "Human Interface Guidelines/The Sugar Interface/Text and Fonts"

From Sugar Labs
Jump to navigation Jump to search
 
Line 1: Line 1:
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
 
<div style="background-color: #FFF; margin-left:auto; margin-right: auto; width: 95%;">
{{hig-subnav|prev_link=The Sugar Interface/Colors|prev=Colors|next_link=The Sugar Interface/Rollovers|next=Rollovers}}
+
{{hig-subnav-intra|p_page=Colors|c_section=The Sugar Interface|c_page=Text and Fonts|n_page=Rollovers}}
 
 
  
 
===Fonts===
 
===Fonts===
Line 12: Line 11:
  
  
{{hig-subnav|prev_link=The Sugar Interface/Colors|prev=Colors|next_link=The Sugar Interface/Rollovers|next=Rollovers}}
+
{{hig-subnav-intra|p_page=Colors|c_section=The Sugar Interface|c_page=Text and Fonts|n_page=Rollovers}}

Revision as of 16:07, 6 December 2006

Fonts

The font used in Sugar menus

The OLPC display is 200DPI; therefore one point—1/72 inch—is just less than 3 pixels (2.78 pixels). Hence a 12pt font would be roughly 33 pixels. We are settling on a default size for Sugar menus (using Bitstream Vera Sans) of an 11 pixel x height; 13 pixel ascender height; and 5 pixel descender height. In terms of that that is in point size on the actual display, about a 9 point font (it was a 19 point font in Illustrator on the Mac). It is quite legible. We will be looking at other faces, e.g., Arabic and Thai, and also looking into a large-type version of the interface for the younger children.