HTML and CSS Reference
In-Depth Information
Add the new
<script>
tag to
index.html
in the
<head>
section:
<head>
<meta charset="utf-8" />
<title>Realtime Q&A</title>
<!--
Fonts via fonts.com
-->
<script type="text/javascript" src="
http://fast.fonts.com/jsapi/a09d5d16-57fd-447d-a0f6-73443033d2de.js">
</script
>
</head>
Next, create a subdirectory in your app's root called
assets
, and another inside that called
styles
. Inside, create
a new stylesheet called
main.css
.
Inside
main.css
, add a comment block with the
font-family
rules from Fonts.com for later reference:
/**
* Styles for the Realtime Q&A app
*/
/*
fonts.com font-family rules.
Cooper Black
font-family:'Cooper Black W01';
News Gothic:
light: font-family:'NewsGothicNo.2W01-Light 710401';
light-italic: font-family:'NewsGothicNo.2W01-Light 710404';
roman: font-family:'NewsGothicNo.2W01-Roman';
italic: font-family:'News Gothic No.2 W01 It';
demi: font-family:'NewsGothicNo.2W01-Mediu 710407';
demi-italic: font-family:'NewsGothicNo.2W01-Mediu 710410';
bold: font-family:'NewsGothicNo.2W01-Bold';
bold-italic: font-family:'NewsGothicNo.2W01-BoldI';
*/
Include the new stylesheet below the Fonts.com script tag in the
<head>
section of
index.html
:
<head>
<meta charset="utf-8" />
<title>Realtime Q&A</title>
<!-- Fonts via fonts.com -->
<script type="text/javascript" src="
http://fast.fonts.com/jsapi/a09d5d16-57fd-447d-a0f6-73443033d2de.js">
</script
>
Search WWH ::
Custom Search