10 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
11 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
12 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
13 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
14 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
16 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
18 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
20 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
24 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
30 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
36 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
48 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
60 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
72 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
90 | -- abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ - | -
- 10.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 11.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 12.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 13.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 14.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 16.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 18.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 20.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 24.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 30.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 10.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 11.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 12.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 13.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 14.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 16.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 18.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 20.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 24.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-- 30.Aenean lacinia bibendum nulla sed consectetur. Fusce - dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, - ut fermentum massa justo sit amet risus. Nullam id dolor id nibh - ultricies vehicula ut id elit. Cum sociis natoque penatibus et - magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae - elit libero, a pharetra augue. -
-Lorem Ipsum Dolor
-Etiam porta sem malesuada magna mollis euismod
- - -- Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, - vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor - mauris condimentum nibh, ut fermentum massa justo sit amet risus. -
- -Pellentesque ornare sem
- -- Maecenas sed diam eget risus varius blandit sit amet non magna. - Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus - auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id - elit. Nullam id dolor id nibh ultricies vehicula ut id elit. -
- -- Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis - vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Cum sociis natoque penatibus et magnis dis parturient montes, - nascetur ridiculus mus. -
- -- Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus - magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum - nulla sed consectetur. -
- -- Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis - risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget - risus varius blandit sit amet non magna. Donec ullamcorper nulla non - metus auctor fringilla. -
- -Cras mattis consectetur
- -- Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis - vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer - posuere erat a ante venenatis dapibus posuere velit aliquet. Cras - mattis consectetur purus sit amet fermentum. -
- -- Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis - risus eget urna mollis ornare vel eu leo. Cras mattis consectetur - purus sit amet fermentum. -
-Language Support
-
- The subset of SCE-PS3 Rodin LATIN Bold in this kit supports the
- following languages:
-
- Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese,
- Finnish, French, Frisian, Galician, German, Icelandic, Italian,
- Malagasy, Norwegian, Portuguese, Spanish, Alsatian, Aragonese,
- Arapaho, Arrernte, Asturian, Aymara, Bislama, Cebuano, Corsican,
- Fijian, French_creole, Genoese, Gilbertese, Greenlandic,
- Haitian_creole, Hiligaynon, Hmong, Hopi, Ibanag, Iloko_ilokano,
- Indonesian, Interglossa_glosa, Interlingua, Irish_gaelic, Jerriais,
- Lojban, Lombard, Luxembourgeois, Manx, Mohawk, Norfolk_pitcairnese,
- Occitan, Oromo, Pangasinan, Papiamento, Piedmontese, Potawatomi,
- Rhaeto-romance, Romansh, Rotokas, Sami_lule, Samoan, Sardinian,
- Scots_gaelic, Seychelles_creole, Shona, Sicilian, Somali,
- Southern_ndebele, Swahili, Swati_swazi, Tagalog_filipino_pilipino,
- Tetum, Tok_pisin, Uyghur_latinized, Volapuk, Walloon, Warlpiri,
- Xhosa, Yapese, Zulu, Latinbasic, Ubasic, Demo
-
Glyph Chart
-- The subset of SCE-PS3 Rodin LATIN Bold in this kit includes all the - glyphs listed below. Unicode entities are included above each glyph - to help you insert individual characters into your layout. -
-
- - 
- -!
- ! -"
- " -#
- # -$
- $ -%
- % -&
- & -'
- ' -(
- ( -)
- ) -*
- * -+
- + -,
- , --
- - -.
- . -/
- / -0
- 0 -1
- 1 -2
- 2 -3
- 3 -4
- 4 -5
- 5 -6
- 6 -7
- 7 -8
- 8 -9
- 9 -:
- : -;
- ; -<
- < -=
- = ->
- > -?
- ? -@
- @ -A
- A -B
- B -C
- C -D
- D -E
- E -F
- F -G
- G -H
- H -I
- I -J
- J -K
- K -L
- L -M
- M -N
- N -O
- O -P
- P -Q
- Q -R
- R -S
- S -T
- T -U
- U -V
- V -W
- W -X
- X -Y
- Y -Z
- Z -[
- [ -\
- \ -]
- ] -^
- ^ -_
- _ -`
- ` -a
- a -b
- b -c
- c -d
- d -e
- e -f
- f -g
- g -h
- h -i
- i -j
- j -k
- k -l
- l -m
- m -n
- n -o
- o -p
- p -q
- q -r
- r -s
- s -t
- t -u
- u -v
- v -w
- w -x
- x -y
- y -z
- z -{
- { -|
- | -}
- } -~
- ~ - 
- -¡
- ¡ -¢
- ¢ -£
- £ -¤
- ¤ -¥
- ¥ -¦
- ¦ -§
- § -¨
- ¨ -©
- © -ª
- ª -«
- « -¬
- ¬ -­
- -®
- ® -¯
- ¯ -°
- ° -±
- ± -²
- ² -³
- ³ -´
- ´ -µ
- µ -¶
- ¶ -·
- · -¸
- ¸ -¹
- ¹ -º
- º -»
- » -¼
- ¼ -½
- ½ -¾
- ¾ -¿
- ¿ -À
- À -Á
- Á -Â
- Â -Ã
- Ã -Ä
- Ä -Å
- Å -Æ
- Æ -Ç
- Ç -È
- È -É
- É -Ê
- Ê -Ë
- Ë -Ì
- Ì -Í
- Í -Î
- Î -Ï
- Ï -Ð
- Ð -Ñ
- Ñ -Ò
- Ò -Ó
- Ó -Ô
- Ô -Õ
- Õ -Ö
- Ö -×
- × -Ø
- Ø -Ù
- Ù -Ú
- Ú -Û
- Û -Ü
- Ü -Ý
- Ý -Þ
- Þ -ß
- ß -à
- à -á
- á -â
- â -ã
- ã -ä
- ä -å
- å -æ
- æ -ç
- ç -è
- è -é
- é -ê
- ê -ë
- ë -ì
- ì -í
- í -î
- î -ï
- ï -ð
- ð -ñ
- ñ -ò
- ò -ó
- ó -ô
- ô -õ
- õ -ö
- ö -÷
- ÷ -ø
- ø -ù
- ù -ú
- ú -û
- û -ü
- ü -ý
- ý -þ
- þ -ÿ
- ÿ -Œ
- Œ -œ
- œ -Ÿ
- Ÿ -ˆ
- ˆ -˜
- ˜ - 
- - 
- - 
- - 
- - 
- - 
- - 
- - 
- - 
- - 
- - 
- -‐
- ‐ -‑
- ‑ -‒
- ‒ -–
- – -—
- — -‘
- ‘ -’
- ’ -‚
- ‚ -“
- “ -”
- ” -„
- „ -•
- • -…
- … - 
- -‹
- ‹ -›
- › - 
- -€
- € -™
- ™ -◼
- ◼ -Installing Webfonts
- -- Webfonts are supported by all major browser platforms but not all in - the same way. There are currently four different font formats that - must be included in order to target all browsers. This includes TTF, - WOFF, EOT and SVG. -
- -1. Upload your webfonts
-- You must upload your webfont kit to your website. They should be in - or near the same directory as your CSS files. -
- -2. Include the webfont stylesheet
-- A special CSS @font-face declaration helps the various browsers - select the appropriate font it needs without causing you a bunch of - headaches. Learn more about this syntax by reading the - Fontspring blog post - about it. The code for it is as follows: -
- -
- @font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src:
- url('WebFont.eot?#iefix') format('embedded-opentype'),
- url('WebFont.woff') format('woff'), url('WebFont.ttf')
- format('truetype'), url('WebFont.svg#webfont') format('svg'); }
-
-
- - We've already gone ahead and generated the code for you. All you - have to do is link to the stylesheet in your HTML, like this: -
-<link rel="stylesheet" href="stylesheet.css"
- type="text/css" charset="utf-8" />
-
- 3. Modify your own stylesheet
-- To take advantage of your new fonts, you must tell your stylesheet - to use them. Look at the original @font-face declaration above and - find the property called "font-family." The name linked there will - be what you use to reference the font. Prepend that webfont name to - the font stack in the "font-family" property, inside the selector - you want to change. For example: -
-p { font-family: 'WebFont', Arial, sans-serif; }
-
- 4. Test
-- Getting webfonts to work cross-browser can be tricky. Use - the information in the sidebar to help you if you find that fonts - aren't loading in a particular browser. -
-