Ah, I just thought of a much easier approach. Simply scale down the entire CSS3DScene
once:
cssScene = new THREE.Scene();
cssScene.scale.set(0.1, 0.1, 0.1);
And then you won’t have to mess with the camera on each frame.
Keep in mind that Firefox and Chrome render 3d transforms differently. These are both 12px font, but Chrome performs the 3D transform while maintaining vector fidelity, while Firefox converts to bitmap first, THEN performs the 3D Transform:
Chrome (left), Firefox (right)
This could be alleviated by using 120px font instead of 12px, and scaling down the scene even further.