(ClearType applies only to TrueType-based web fonts) DirectWrite Core Text (with Quartz) Core Text (with Quartz) Core Text (with Quartz) GDI-Grayscale GDI-ClearType (ClearType applies only to TrueType-based web fonts) DirectWrite Sub-pixel (opaque background , normal orientation) also for Retina displays Sub-pixel (opaque background , normal orientation) also for Retina displays Grayscale sub-pixel (disabled by default) Fonts Hinting Sub-pixel (opaque background , normal orientation) also for Retina displays Sub-pixel (opaque background , normal orientation) also for Retina displays Grayscale sub-pixel (disabled by default)
LUPTON, THINKING WITH TYPE Between ideographic and non-ideographic text. - an en space (plain text) - 1/4 of an em space (InDesign) - auto space (CSS) - necessary ?
√ Mac OS / iOS (inter-ideograph only) Mac OS / iOS (inter-ideograph only) Mac OS / iOS (inter-ideograph only) * inter-word justify √ Windows (inter-word) Windows (inter-word) inter-ideograph only * inter-word justify inter-word | distribute http://codepen.io/mockee/pen/suGbI
are not allowed at the start of a line : !%),.:;?]}¢°’”‟›℃∶ɺɻʭʥ㽆〞﹚﹜ʂˋʣɼɽɿʀʁʧʩ not allowed at the end of a line : $(£¥﹙﹛ʬʪʮʰʤ㽅ᶸˈʢɽʦʨˊˇ http://en.wikipedia.org/wiki/Line_breaking_rules_in_East_Asian_languages not allowed at both ends of a line : “'‘ can't be separated: —…‥ https://github.com/mathiasbynens/unicode-data
Safari Wrapped with a span tag for each word, line break strategy becomes ineffective. word-break: break-all ⊗ ⇢ PROHIBITIONS ⊗ wrap word & punctuations ⾫ ⇣ new line breaking bug display: inline-block | run-in ⊗ √