如何在 Google Apps 脚本中使用 Font Awesome?
How to use Font Awesome in Google Apps Script?
环境是作为网络应用程序部署的独立脚本 HTMLService()
:
function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate();
}
// see:
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
我可以像这样 link 到 index.html
中的 Font Awesome css 文件:
<?!= include('css_font_awesome'); ?>
这将 link 到 css_font_awesome.html
其中包含 <style>
标签内的样式。
但是我如何 link 到 Font Awesome 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;
}
我认为您可以使用 CDN 通过 link 标签包含 FontAwesome 样式表。
打开 index.html 并将以下行粘贴到头部。
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
环境是作为网络应用程序部署的独立脚本 HTMLService()
:
function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate();
}
// see:
function include(filename) {
return HtmlService.createHtmlOutputFromFile(filename)
.getContent();
}
我可以像这样 link 到 index.html
中的 Font Awesome css 文件:
<?!= include('css_font_awesome'); ?>
这将 link 到 css_font_awesome.html
其中包含 <style>
标签内的样式。
但是我如何 link 到 Font Awesome 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;
}
我认为您可以使用 CDN 通过 link 标签包含 FontAwesome 样式表。
打开 index.html 并将以下行粘贴到头部。
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">