Text

Back to the index.

CSS3 text | CSS3 text decoration | CSS3 fonts

Here are the tests for the Text and Text Decoration modules.

This is the mobile table. See also the desktop table.

Last major update on 17 September 2013.

Selector iOS Android Chrome Opera BlackBerry Nokia UC NetFront Dolphin Tizen One IE Firefox
6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS And
font-style
Italic 		Yes Yes Almost Yes Messy Yes Yes No Yes Buggy Yes Yes Incomplete Yes
Incomplete
The browser does not make the <code> tag in the test cases italic.
  • The HTC Android 4 is Incomplete; all others do everything right.
  • Opera Mini is a complete mess. On BlackBerry and Symbian italic is not supported at all, while on iOS the <code> tags are bold, and not italic.
  • Symbian Anna also makes the italic text bold.
font-variant
Small-caps 		Yes Yes Yes Yes No Yes No Buggy Yes Yes
  • The Symbian browsers make the <code> tag, but not the normal text, upper-case (which is not the same as small caps).
font-weight
Bold, in several flavours 		Basic Yes Basic Basic Basic Basic Yes Basic Basic Basic Yes
Basic
Browser only supports normal and bold, even though it has a font with more than two weights installed.
hyphens
To hyphenate a text Prefixed 		Yes No Incorrect Incomplete Incomplete No Incomplete Incomplete No Incomplete No Yes
Incomplete
Browser supports none but not auto.
  • The Android 3 tablet supports hyphens: auto but ignores my lang="nl" and hyphenates according to the English dictionary (I presume). I assume the reason the tablet has hyphenation and the Android 4 phones don’t is because the tablet has a dictionary and the phones don’t.
  • Opera Mini on iOS and BlackBerry do not even show the actual hyphen. Android and Symbian do.
  • MeeGo and Symbian Belle don’t even support <wbr>, so even hyphens: manual is not supported.
Selector iOS Android Chrome Opera BlackBerry Nokia UC NetFront Dolphin Tizen One IE Firefox
6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS And
letter-spacing
 Yes Yes Yes No Yes Yes No Yes Yes Yes

I read, but did not test, that there are sub-pixel bugs in at least IE9 and lower.
overflow-wrap
 No Yes No No Yes No Yes No Yes No No Yes No No
 
tab-size
To set the size of the tabs 		No Yes No No Yes No -o- Yes No Yes Untestable No No Yes No No -moz-
  • Xpress doesn’t support white-space: pre so it never shows tabs.
text-align
To align the text left, center, or right 		Yes Yes Caution Yes Incomplete Yes Yes m i Yes More incomplete Yes Incomplete Yes
Incomplete
Browser does not support start and end.
More incomplete / m i
In addition, browser does not support justify.

No browser supports start end.

  • Some Android 4 WebKits have a bug with text-align: [not-left].
text-align-last
To align the last line of text. Prefixed 		No No No No No No No Yes No No Yes
 
Selector iOS Android Chrome Opera BlackBerry Nokia UC NetFront Dolphin Tizen One IE Firefox
6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS And
text-decoration
 Yes Incomplete Yes Yes Buggy Yes Incomplete Yes Incomplete Yes Incomplete Minimal Yes Yes
Incomplete
The decoration does not apply to the <code> tag in the example. Only line-through goes through the <code> tag.

text-decoration: blink: Firefox dropped support between 19 and 23. Opera 12 still supports it, but 15 and up don’t.

  • Opera Mini makes the text invisible when you use text-decoration: blink.
  • UC does not support underline.
text-decoration-line, -color, and -style
Prefixed 		No No No No No No No No Yes
 
text-indent
 Yes Yes Yes Yes Yes Yes Yes Yes

The each-line and hanging keywords are not supported.
Selector iOS Android Chrome Opera BlackBerry Nokia UC NetFront Dolphin Tizen One IE Firefox
6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS And
text-shadow
Create a text-shadow. 		Yes Yes Yes Incomplete Yes Incomplete Yes No Yes Buggy Yes No Yes
  • Opera Mini doesn’t apply the blur.
  • BB6 doesn’t apply the blur. BB7 doesn’t apply the color.
  • Symbian Belle doesn’t apply the offset.
text-transform
 Yes Yes Yes Yes Yes No Yes Yes Yes

Only Firefox Android supports the full-width value.
white-space
To remove text wrapping or to make an element behave like a pre 		Yes Yes Yes Yes Yes Buggy Yes Yes Yes
  • Xpress treats pre and pre-wrap as pre-line.
word-spacing
 Yes Yes Yes Yes Yes Buggy Yes Yes Yes

No browser supports percentages.

  • Xpress does not actually apply the spacing, although they wrap the lines as if the words are spaced.
  • Symbian Anna only picks up the correct spacing after the last comma in the test text.
word-wrap
 Yes Yes Yes Yes Yes Yes Yes Yes
 
Selector iOS Android Chrome Opera BlackBerry Nokia UC NetFront Dolphin Tizen One IE Firefox
6 7 2 3 4 18 29 Mini Mob 12 Mob 15 6 7 PB 10 Xpress MeeGo Anna Belle 8 9 9 10 OS And

Opera Mini note

Opera Mini on iOS and Android support so-called extended font support, which means they can show italic, bold, etc. fonts. Opera Mini on other platforms (basically the old J2ME ones) do not support this. That’s the reason there are differences in text and font support between Opera Minis. It does not depend on the version number, but on the platform.

Tested browsers

Mobile browser test array 1.1; September 2013

iOS 6
WebKit 536
Default browser on iPhone 4S with iOS 6.1.3
iOS 7
WebKit 537
Default browser on iPad 2 with iOS 7.0
Android 2
WebKit 533
Default browser on HTC Legend, Android 2.2
Default browser on LG Optimus something, Android 2.2
Default browser on Samsung Galaxy Pocket, Android 2.3.6
Android 3
WebKit 534
Default browser on Packard Bell tablet, Android 3.2.1
Android 4
WebKit 534
Default browser on Samsung Galaxy Note I, Android 4.0.3
Default browser on Sony Xperia S, Android 4.0.4
Default browser on Xiaomi M2, Android 4.1.1
Default browser on Huawei C8813, Android 4.1.1
Default browser on Samsung Galaxy S3, Android 4.1.2
Default browser on HTC One X, Android 4.2.2
Chrome 18
WebKit 535
Default browser on Samsung Galaxy S4, Android 4.2
On Sony Xperia S, Android 4.0.4. This is a downloaded version from Google
It will be interesting to see if Samsung’s purported Chrome 18 is really the real Chrome 18.
Chrome 29
Blink (Chromium 29)
On HTC One X, Android 4.2.2
On Nexus 7, Android 4.3
Opera Mini
Presto
Proxy browser
7.0.5 on iPad 2, iOS 7.0
7.1 on BlackBerry 9800 (OS6)
7.1 on Nokia PureView 808, Symbian Belle
7.5 on Samsung Galaxy Note I, Android 4.0.3
Opera Mobile 12
Presto
12.00 on Nokia E7, Symbian Anna
12.10 on Samsung Galaxy Pocket, Android 2.3.6
Opera Mobile 15
Blink (Chromium 28)
On Sony Xperia S, Android 4.0.4
On Nexus 7, Android 4.3
BlackBerry 6
WebKit 534
Default browser on BB Torch 9800 (OS6)
BlackBerry 7
WebKit 534
Default browser on BB Torch 9810 (OS7)
BlackBerry PB
WebKit 536
Default browser on PlayBook with OS 2.1.0
BlackBerry 10
WebKit 537
Default browser on BlackBerry Z10 (BB OS 10.1)
This device has 1GB of internal memory instead of the customary 2GB, which may matter in performance tests.
Xpress
Gecko 20100401; this version was used for some Firefoxes from 3 to 4.
Proxy browser
3.2 on the Nokia Asha 311, S40.
This browser used to be called Ovi. Nokia developed it because it saw how succesful Opera was on Nokia’s own devices.
MeeGo
WebKit 534
Default browser on Nokia N950, MeeGo Harmattan 1.2
Originally slated as Symbian’s successor, MeeGo was ousted in favour of Windows Phone. Some devices were sold, however, and a Finnish company is trying to re-start MeeGo under the name Sailfish. Also, rumour has it that Nokia is quietly hiring back ex-MeeGo people, so a Nokia-based restart is not entirely impossible.
Anna
WebKit 533
Default browser (7.3) on Nokia E7, Symbian Anna
The next-to-last Symbian build. I don’t think it was the prime Symbian build for long; it was replaced by Belle fairly soon. But it’ll be in some people’s pockets.
Belle
WebKit 535
Default browser (8.3) on Nokia PureView 808, Symbian Belle FP2
The most recent Symbian build.
UC
WebKit 534
UC 8.5.1 on Xiaomi M2 (Android 4.1.1)
UC 9.2.3 on Huawei C8813 (Android 4.1.1)
The largest Chinese browser. I’m testing the full variant, not the proxy. These browsers were pre-installed (next to Android WebKit; don’t ask me why).
NetFront
WebKit 534
Default browser 1.5.0 on Nintendo Wii U 3.1.0
NetFront, by the Japanese Access company, used to be big on proprietary Samsung and Sony Ericsson systems. It is now switching to WebKit from their own rendering engine, and to the gaming device and TV markets.
Dolphin
WebKit 534
Beta 1.3.1 on Sony Xperia S, Android 4.0.4.
Independent full browser for Android. The non-beta is a skin over the Android default browser. The beta uses their own WebKit port.
QQ One
WebKit 533
4.2.2 on HTC One X, Android 4.2.2
This is the downloadable, international browser TenCent created.
Tizen
WebKit 537
Default browser on Ref.Device-PQ by Samsung; Tizen 2.2
Tizen is an OS jointly being developed by Samsung and Intel. I expect Samsung to start producing devices this year, and it will get a few percent of market share.
IE9
Trident
Default browser on Nokia Lumia 800, Windows Phone 7.5.
IE10
Trident
Default browser on Nokia Lumia 820, Windows Phone 8.0.
Firefox OS
Gecko 18
Geekphone/Telefónica (Peak and/or qcom); Boot2Gecko 1.0.1.0-prerelease
Firefox Android
Gecko 23
23 on HTC One X, Android 4.2.2

Browsers by WebKit version:

533
Android 2
Anna
UC
QQ 2.0
One
534
Android 3 and 4
BB 6 and 7
MeeGo
NetFront
Dolphin
535
Belle
Chrome 18
536
iOS6
BlackBerry PlayBook
537
iOS7
BlackBerry 10
Tizen