webgl中文字体显示

https://github.com/gero3/facetype.js

ttf转换为json文件

http://gero3.github.io/facetype.js/

转换后则可以通过ThreeJS使用json字体文件

使用代码附上：

				//test
                //金属发亮物体
                var material = new THREE.MeshPhongMaterial({    
                    color: 0xffff00,
                    specular:0xffff00,    
                    //指定该材质的光亮程度及其高光部分的颜色，如果设置成和color属性相同的颜色，则会得到另一个更加类似金属的材质，如果设置成grey灰色，则看起来像塑料
                    shininess:0        
                    //指定高光部分的亮度，默认值为30
                });
                
                //方向光
                // var light = new THREE.DirectionalLight(0xffffff);
                // light.position.set(-5, 10, 5);
                // scene.add(light);

                // load font
                var loader = new THREE.FontLoader();
                loader.load('fonts/afont.json', function(font) {
                    var mesh = new THREE.Mesh(new THREE.TextGeometry('你说什么，you Are A dog', {
                        font: font,
                        size: 50,
                        height: 50
                    }), material);
                    mesh.position.y =100;
                    mesh.position.x = 300;
                    mesh.position.z = 300;

                    scene.add(mesh);
                    
                    // alert("test");
                    // render
                    renderer.render(scene, camera);
                });			
				//end test

参考：http://www.cnblogs.com/leisir/articles/5905700.html