1/* You have 2 options
2 The first is experimental */
3
4/* text-stroke */
5#example {
6 font-size: 1em;
7 -webkit-text-stroke: 1px #000000;
8}
9
10/* Use 4 shadows
11 Probably best to use this until the above is standardised */
12#example {
13 font-size: 1em;
14 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
15}
1h1 {
2 /* 1 pixel black shadow to left, top, right and bottom */
3 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
4
5 font-family: sans; color: yellow;
6}
1/* Written for h4 tag, modify as required */
2.black-outline{
3 -webkit-text-stroke: 1.11px black; /* stroke width and color */
4 color: rgb(255, 255, 255);
5 -webkit-font-smoothing: antialiased;
6 font-weight: bold;
7}
1h1 {
2 color: white;
3 text-shadow:
4 -1px -1px 0 #000,
5 1px -1px 0 #000,
6 -1px 1px 0 #000,
7 1px 1px 0 #000;
8}