Permlink Replies: 3 - Pages: 1 - Last Post: 19-Jun-2020 22:43 Last Post By: jGromit Threads: [ Previous | Next ]
jGromit

Posts: 6,751
Registered: 31-Jan-2006
WOFF files & Google fonts
Posted: 11-Feb-2015 18:44
  Click to reply to this thread Reply
Hunting down good WOFF font files can be time-consuming. jAlbum user rfm2 put together a collection of script-style fonts:

http://jgromit.jalbum.net/ScriptWOFFs/

Give the page a minute to load. These aren't screenshots of the WOFF fonts - that page is actually loading all of the fonts.

Many "decorative" fonts look best when used at large font sizes, in places like titles. At smaller sizes, they're inclined to become unreadable.

Some skins (all of my current skins, for example) have built-in support for WOFF's. In others, it's not particularly difficult to use them, with a bit of tweaking. In short, create a res folder in your project, stash the WOFF file in it, then add this to the skin's CSS:
At the top of the CSS file:
 
@font-face {
	font-family: "AguafinaScript-Regular";
	src: url("AguafinaScript-Regular.woff") format("woff");
}
 
Then, apply that font to whatever class you want (with a fallback
font stack, just in case):
 
.titlebar {
	font-family: "AguafinaScript-Regular", Verdana, Geneva, sans-serif;
}
jGromit

Posts: 6,751
Registered: 31-Jan-2006
Re: WOFF files & Google fonts
Posted: 11-May-2020 19:54   in response to: jGromit in response to: jGromit
  Click to reply to this thread Reply
Attachment Papyrus.woff (77.9 KB)
Attachment Negotiate.woff (21.8 KB)
Attachment KellySlab.woff (14.2 KB)
Attachment Albertus.woff (25.7 KB)
Attachment ACaslonPro-Regular.woff (117.2 KB)
There are several WOFF files that I often use. You'll see them scattered through my skin demo site, https://jgromit.com

Attached.

ETA: BTW, fans of The Prisoner (ITV, 1967) will recognize the Albertus font.
jGromit

Posts: 6,751
Registered: 31-Jan-2006
Re: WOFF files & Google fonts
Posted: 11-May-2020 19:59   in response to: jGromit in response to: jGromit
  Click to reply to this thread Reply
My skins have always supported Google fonts, and I have recently updated all of them to allow two such fonts in an album. Laza's skins usually offer some preset choices, whereas my skins leave it entirely up to you. But all you need is the name of the Google font you want to incorporate, so if you see a font in one of Laza's presets that you like, you can just copy the name and use it in one of my skins.

The page for each Google font usually includes some suggested pairings (scroll down a bit). So, you can use a more elaborate font for things like page titles, but use a font for other text that's more easily readable at smaller sizes.

In my current skin demo's, you'll find these pairings, for example:

Cinzel Decorative / Raleway
Play / Montserrat
Aldrich / Raleway
Fjalla One / Roboto

Explore and experiment!

Edited by: jGromit on 19-Jun-2020 16:41, to add Fjalla One, which is used on the jAlbum website for large page titles.
jGromit

Posts: 6,751
Registered: 31-Jan-2006
Re: WOFF files & Google fonts
Posted: 14-May-2020 15:15   in response to: jGromit in response to: jGromit
  Click to reply to this thread Reply
A collection of miscellaneous WOFF's, with sample text:

https://jgromit.jalbum.net/MiscWOFFs/
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums