Included FontUtils and TextGeometry in relevant examples.

examples/canvas_geometry_text.html

@@ -23,8 +23,8 @@
 
 		<script src="js/libs/stats.min.js"></script>
 
-		<!-- load the font file from canvas-text -->
-
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 
@@ -90,8 +90,12 @@
 				text3d.computeBoundingBox();
 				var centerOffset = -0.5 * ( text3d.boundingBox.max.x - text3d.boundingBox.min.x );
 
-				var textMaterial = new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: 0.5 } );
-				text = new THREE.Mesh( text3d, textMaterial );
+				var material = new THREE.MeshFaceMaterial( [
+					new THREE.MeshBasicMaterial( { color: Math.random() * 0xffffff, overdraw: 0.5 } ),
+					new THREE.MeshBasicMaterial( { color: 0x000000, overdraw: 0.5 } )
+				] );
+
+				text = new THREE.Mesh( text3d, material );
 
 				text.position.x = centerOffset;
 				text.position.y = 100;

examples/webgl_camera_logarithmicdepthbuffer.html

@@ -91,6 +91,9 @@
 
 		<script src="../build/three.min.js"></script>
 		<script src="js/libs/stats.min.js"></script>
+
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 		<script>

examples/webgl_custom_attributes_lines.html

@@ -36,6 +36,8 @@
 
 		<script src="../build/three.min.js"></script>
 
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_bold.typeface.js"></script>
 
 		<script type="x-shader/x-vertex" id="vertexshader">

examples/webgl_geometry_normals.html

@@ -18,6 +18,9 @@
 		<script src="../build/three.min.js"></script>
 		<script src="js/controls/OrbitControls.js"></script>
 		<script src="js/libs/stats.min.js"></script>
+
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 		<script>
@@ -141,15 +144,15 @@
 				}
 
 				dropdown += '</select>';
-			
+
 				var text =
 					'Drag to spin THREE.' + params.type +
 				 	'<br>' +
 					'<br>Geometry: ' + dropdown + ' <a href="#" onclick="nextGeometry();return false;">next</a>';
 
 				text +=
-					'<br><br><font color="3333FF">Blue Arrows: Face Normals</font>' + 
-					'<br><font color="FF3333">Red Arrows: Vertex Normals before Geometry.mergeVertices</font>' + 
+					'<br><br><font color="3333FF">Blue Arrows: Face Normals</font>' +
+					'<br><font color="FF3333">Red Arrows: Vertex Normals before Geometry.mergeVertices</font>' +
 					'<br>Black Arrows: Vertex Normals after Geometry.mergeVertices';
 
 				info.innerHTML = text;
@@ -231,7 +234,7 @@
 						.add( geometry.vertices[ face.c ] )
 						.divideScalar( 3 );
 
-					var arrow = new THREE.ArrowHelper( 
+					var arrow = new THREE.ArrowHelper(
 							face.normal,
 							centroid,
 							normalLength,
@@ -245,7 +248,7 @@
 						continue;
 					}
 					for( var v = 0, vl = face.vertexNormals.length; v < vl; v ++ ) {
-						var arrow = new THREE.ArrowHelper( 
+						var arrow = new THREE.ArrowHelper(
 								face.vertexNormals[ v ],
 								originalGeometry.vertices[ face[ fvNames[ v ] ] ],
 								normalLength,
@@ -260,7 +263,7 @@
 						continue;
 					}
 					for( var v = 0, vl = face.vertexNormals.length; v < vl; v ++ ) {
-						var arrow = new THREE.ArrowHelper( 
+						var arrow = new THREE.ArrowHelper(
 								face.vertexNormals[ v ],
 								mesh.geometry.vertices[ face[ fvNames[ v ] ] ],
 								normalLength,
@@ -346,4 +349,3 @@
 
 	</body>
 </html>
-

examples/webgl_geometry_text.html

@@ -55,7 +55,8 @@
 		<script src="js/Detector.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
-		<!-- load the font files -->
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 
 		<script src="fonts/gentilis_bold.typeface.js"></script>
 		<script src="fonts/gentilis_regular.typeface.js"></script>
@@ -67,7 +68,6 @@
 		<script src="fonts/droid/droid_sans_bold.typeface.js"></script>
 		<script src="fonts/droid/droid_serif_regular.typeface.js"></script>
 		<script src="fonts/droid/droid_serif_bold.typeface.js"></script>
-		<!-- todo async loader for fonts -->
 
 		<script>
 

examples/webgl_geometry_text2.html

@@ -56,7 +56,8 @@
 		<script src="js/Detector.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
-		<!-- load the font files -->
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 
 		<script src="fonts/gentilis_bold.typeface.js"></script>
 		<script src="fonts/gentilis_regular.typeface.js"></script>
@@ -69,9 +70,6 @@
 		<script src="fonts/droid/droid_serif_regular.typeface.js"></script>
 		<script src="fonts/droid/droid_serif_bold.typeface.js"></script>
 
-		<!-- todo async loader for fonts -->
-
-
 		<!-- replace built-in triangulation with PnlTri.js -->
 		<script src="js/libs/pnltri.min.js"></script>
 		<script>

examples/webgl_modifier_subdivision.html

@@ -20,6 +20,8 @@
 		<script src="js/modifiers/SubdivisionModifier.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_regular.typeface.js"></script>
 
 		<script>

examples/webgl_modifier_tessellation.html

@@ -47,6 +47,8 @@
 		<script src="js/Detector.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_bold.typeface.js"></script>
 
 		<script type="x-shader/x-vertex" id="vertexshader">

examples/webgl_shadowmap.html

@@ -41,6 +41,8 @@
 		<script src="js/Detector.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_bold.typeface.js"></script>
 
 		<script>

examples/webgl_shadowmap_performance.html

@@ -40,6 +40,8 @@
 		<script src="js/Detector.js"></script>
 		<script src="js/libs/stats.min.js"></script>
 
+		<script src="js/geometries/TextGeometry.js"></script>
+		<script src="js/utils/FontUtils.js"></script>
 		<script src="fonts/helvetiker_bold.typeface.js"></script>
 
 		<script>