2016-10-03 7 views
0

환경은 독립형 스크립트 HTMLService()와 웹 응용 프로그램으로 배포됩니다 :Google Apps Script에서 Font Awesome을 사용하는 방법?

function doGet() { 
    return HtmlService.createTemplateFromFile('index').evaluate(); 
} 

// see: http://stackoverflow.com/a/39309690 
function include(filename) { 
    return HtmlService.createHtmlOutputFromFile(filename) 
     .getContent(); 
} 

이 같은 index.html에서 글꼴 최고 CSS 파일에 링크 할 수 있습니다

<?!= include('css_font_awesome'); ?> 

이 내 스타일을 포함 css_font_awesome.html로 연결됩니다 <style> 태그.

하지만 어떻게 즉, 글꼴 최고 CSS 파일 내에서 .eot, .woff, .ttf.svg 파일에 링크 할 :

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('fontawesome-webfont.eot?v=4.6.3'); 
    src: url('fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

답변

2

난 당신이 링크를 통해 FontAwesome 스타일 시트를 포함하는 CDN을 사용할 수있을 것 같아요 꼬리표.

index.html을 열고 머리글에 다음 줄을 붙여 넣습니다.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> 
+0

CDN (또는 기타 외부, Google Apps 도메인 호스팅이 아닌)을 사용하지 않고 가능하다면 나중에 게시자가이 정보를 얻을 수 있다면 좋을 것입니다. – user1063287

+1

10/2016 현재 Apps Script에는 호스팅 옵션이 없습니다. 제 3 자 호스트해야합니다. Firebase, App Engine, Cloud Storage는 Apps Script 커뮤니티에서 일반적으로 사용되는 것들입니다. –

관련 문제