Thursday, 29 June 2017

giangtranguyen: (Default)
[personal profile] giangtranguyen
@import url('');

* {
}
 
html {
}
 
body, tw-story {
}
 
b, strong {
}
 
i, em {
}
 
del {
}
 
code {
}
 
q {
}

p {
}
 
h1, h2, h3, h4, h5, h6 {
}
 
hr {
}
 
img {
}
 
blockquote {
}

#id {
}
 
.class {
}

.enchantment-mouseout {
}
 
.enchantment-mouseout:hover {
}
 
tw-passage {
}
 
tw-link, tw-link.visited {
}
 
tw-link:hover, tw-link.visited:hover {
}
 
tw-sidebar {
}
 
tw-icon, tw-icon.undo, tw-icon.redo {
}
 
tw-include[type="startup"] {
}
 
mark {
}

How To Use Google Fonts

Thursday, 29 June 2017 08:52 pm
giangtranguyen: (Default)
[personal profile] giangtranguyen


1. Type in the search engine Google Fonts and click the link that says Google Fonts
(Or copy https://fonts.google.com/ and paste it into the address bar)



2. To begin your search, just scroll down to find which one you want
(There is about 821 fonts to choose from)



3. To make it easier, head over to where the menu is and you can type the name of the font that you are looking for into the search bar
(Or click the check box on and off to display the style of the fonts you are looking for) 



4. When you click the red circular button with the plus sign, it will be added to the black bar
(To add more fonts, just click the red circular button with the plus sign and it will be added to the black bar)



5. Click the black bar to see the fonts you added to the black bar and click the @Import link



6. Copy the @import url('') and paste it into Story Stylesheets in Twine
(Paste it either at the top or the bottom of Story Stylesheets to make it easier when making changes)



7. Copy the font-family and paste it into Story Stylesheets under tw-passage
(If you have more than one font, copy the name of the font and add it to the list of fonts called font-family)

Profile

Twine Tutorials

April 2018

S M T W T F S
1234567
8910111213 14
15161718192021
22232425262728
2930     

Style Credit

Expand Cut Tags

No cut tags
Page generated Sunday, 27 July 2025 07:26 pm
Powered by Dreamwidth Studios