Firefox 캔버스에서 이탤릭 텍스트를 그릴 수 없습니다.

Question

기울임 꼴 텍스트를 캔버스에 그릴 때 Firefox는 Impact과 같은 글꼴에 대해 일반 텍스트로 렌더링합니다.

var ctx = canvas.getContext('2d'); 
ctx.font = "italic 40px Impact"; 
ctx.fillText("Impact", 0, 40); 

View on jsFiddle

파이어 폭스

크롬

어떤 아이디어가 이것을 해결하는 방법?

Answer 1

영향이 기울임 꼴 버전으로 제공되지 않기 때문입니다. 폰트 뷰어 (Mac Font Book과 같은)에서 볼 때 이것을 볼 수 있습니다. 브라우저는 글꼴이없는 글꼴로 기울임 꼴을 가짜로 표시하지만 Firefox는 아직 캔버스에서 글꼴을 위조하지 않습니다. Arial과 같이 기울임 꼴 글꼴을 사용하면 캔버스에서 작동합니다. 여기에 대한 논의가있어

: Italic doesn't work on all fonts in Firefox

데모 :

ctx.font = "italic 40px Arial";