svg의 스타일 태그에 여러 개의 Google 글꼴 추가

Question

svg에 일부 텍스트가 포함되어 있으며 Google 글꼴을 해당 글꼴의 글꼴 모음으로 사용하고 싶습니다. 여러 텍스트가 있고 스타일 시트에 여러 Google 글꼴 URL을 사용하고 싶습니다.

나는 내 방식을 시도하지만 작동하지 않습니다. 내 스타일 시트

<style type="text/css"> 
     @font-face { 
      font-family: 'Freckle Face'; 
      src: url('http://fonts.googleapis.com/css?family=Freckle Face') format('svg') 
     } 
</style> 

나는 많은 시도를하지만 성공하지는 못합니다. 도와주세요. 사전에 감사합니다.

Answer 1

죄송합니다. 나는 그것의 해결책을 발견했다.

스타일 시트 단지 URL을 가져

<style xmlns="http://www.w3.org/2000/svg" type="text/css"> 
    @import url('http://fonts.googleapis.com/css?family=Audiowide'); 
    @import url('http://fonts.googleapis.com/css?family=Roboto'); 
</style> 

사실 그냥 @import의 URL (http://fonts.googleapis.com/css?family=Audiowide|Roboto)`로 갈 수