Style GuideOpen Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp.
Larger Headings, Lighter Text
font-family: Open Sans Light;
line-height: 1.1em;
To follow through on minimalism, headings are oversized, yet in lighter text; creating a sophisticated typographic appeal.
Page Titles
Lorem Ipsum Dolor Sit Amet
font-size: 36px;
Headings
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacinia libero sit amet mi scelerisque vulputate.
font-size: 30px;
Sub Headings 1
font-size: 24px;
Sub Headings 2
font-size: 20px;
Context Headings
font-family: Open Sans;
line-height: 1.4em;
font-weight: bold;
Bold type is used to for less prominent headings such as in tables and ads.
Sub Headings 3
Lorem Ipsum Dolor Sit Amet
font-size: 16px;
Sub Headings 4
font-size: 13px;
Paragraph Text
font-family: Open Sans;
line-height: 1.4em;
Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lacinia libero sit amet mi scelerisque vulputate. Proin imperdiet convallis ornare. Sed ac neque sed justo ultricies bibendum eu eu lacus. Nulla hendrerit aliquet lectus, et ornare nibh sodales ac. Nulla facilisi. Aliquam erat volutpat. In erat nunc, tempus ac placerat a, tincidunt cursus risus. Ut eu enim a nisi consequat bibendum. Praesent adipiscing eleifend sapien ac rutrum. Fusce leo mauris, ultricies nec mollis eu, pulvinar vitae tortor. Donec congue leo mattis est pellentesque gravida. Mauris augue lorem, fermentum a mollis aliquet, fermentum eget urna. Etiam auctor mi ut magna aliquam vitae feugiat risus venenatis. Praesent sollicitudin felis ac urna cursus molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
font-size: 13px;
Large Text
font-size: 16px;
Small Text
font-size: 11px;
Thai Language Support
สารบรรณ
font-family: TH Sarabun New;
line-height: 1.1em;
To enhance the Thai language experience, specific Thai fonts are added to the font stack. Sarabun is chosen for headings due to it's light lines and legibility.
ชื่อหน้า
font-size: 36px;
หัวข้อหลัก
ไก่จิกเด็กตายบนปากโอ่ง
font-size: 30px;
หัวข้อย่อย 1
font-size: 24px;
หัวข้อย่อย 2
font-size: 20px;
ตัวเน้น
font-family: Thonburi, Leelawadee, Microsoft Sans Serif;
line-height: 1.4em;
font-weight: bold;
หัวข้อย่อย 3
ไก่จิกเด็กตายบนปากโอ่ง
font-size: 16px;
หัวข้อย่อย 4
font-size: 13px;
เนื้อเรื่อง
font-family: Thonburi, Leelawadee, Microsoft Sans Serif;
line-height: 1.4em;
At smaller font sizes, system fonts tend to render better.
Lorem Ipsum คือ เนื้อหาจำลองแบบเรียบๆ ที่ใช้กันในธุรกิจงานพิมพ์หรืองานเรียงพิมพ์ มันได้กลายมาเป็นเนื้อหาจำลองมาตรฐานของธุรกิจดังกล่าวมาตั้งแต่ศตวรรษที่ 16 เมื่อเครื่องพิมพ์โนเนมเครื่องหนึ่งนำรางตัวพิมพ์มาสลับสับตำแหน่งตัวอักษรเพื่อทำหนังสือตัวอย่าง Lorem Ipsum อยู่ยงคงกระพันมาไม่ใช่แค่เพียงห้าศตวรรษ แต่อยู่มาจนถึงยุคที่พลิกโฉมเข้าสู่งานเรียงพิมพ์ด้วยวิธีทางอิเล็กทรอนิกส์ และยังคงสภาพเดิมไว้อย่างไม่มีการเปลี่ยนแปลง มันได้รับความนิยมมากขึ้นในยุค ค.ศ. 1960 เมื่อแผ่น Letraset วางจำหน่ายโดยมีข้อความบนนั้นเป็น Lorem Ipsum และล่าสุดกว่านั้น คือเมื่อซอฟท์แวร์การทำสื่อสิ่งพิมพ์ (Desktop Publishing) อย่าง Aldus PageMaker ได้รวมเอา Lorem Ipsum เวอร์ชั่นต่างๆ เข้าไว้ในซอฟท์แวร์ด้วย
font-size: 13px;
อักษรใหญ่
font-size: 16px;
อักษรเล็ก
font-size: 11px;