87
edits
Changes
Human Interface Guidelines/The Sugar Interface/Text and Fonts (view source)
Revision as of 14:46, 29 November 2006
, 14:46, 29 November 2006no edit summary
<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}}
===Fonts===
[[Image:Sugar-font.png|thumb|218px|right|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 [http://en.wikipedia.org/wiki/Bitstream_Vera 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.
<br clear="all"/> <!--prevents image pushing title out-->
{{hig-subnav|prev_link=The Sugar Interface/Colors|prev=Colors|next_link=The Sugar Interface/Rollovers|next=Rollovers}}
{{hig-subnav|prev_link=The Sugar Interface/Colors|prev=Colors|next_link=The Sugar Interface/Rollovers|next=Rollovers}}
===Fonts===
[[Image:Sugar-font.png|thumb|218px|right|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 [http://en.wikipedia.org/wiki/Bitstream_Vera 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.
<br clear="all"/> <!--prevents image pushing title out-->
{{hig-subnav|prev_link=The Sugar Interface/Colors|prev=Colors|next_link=The Sugar Interface/Rollovers|next=Rollovers}}