Typography Settings
These settings control the fonts used, the size of the text and the maximum amount of text on a single line. Each of the settings are described below.
Use Google fonts
The default is for this to be deselected, the font dropdown menus are active and the Google font icon is greyed out and inactive.
Album title font
The default font is 'Times', click on the dropdown menu to select another font that will look similar on all devices. The selected font will be used just for the album title (Settings/General/Album title).
Content font
This font will be used for all other texts in the journal, it defaults to 'Arial'.
Google font link
If 'use Google fonts' above has been selected the icons will show as seen. Click on the 'Album title's' icon to open Google's font page in your default browser.
Select a font of your choice by clicking on a '+' icon to the right of the font name. A popup will appear at the bottom of the page, click on 'Family selected' to reveal the code needed to use the font.
Select a font of your choice by clicking on a '+' icon to the right of the font name. A popup will appear at the bottom of the page, click on 'Family selected' to reveal the code needed to use the font.
Google 'Standard' code
Copy the 'Standard' code, which is in the form of a 'link href', and then return to jAlbum.
Paste the code into the text field below the Google font icon. Return to the Google font page in your web browser.
Google Font Family code
Copy the 'Specify in CSS' code, it starts with 'font-family'. Return to jAlbum again.
jAlbum's Google code field
Paste the code into the same field as before, directly after the link code.
Repeat the Google font sequence above for the 'Content font' field. Note, both Google font fields must be completed. If you want to use just one font then copy and paste all of the code into the other field.
If 'Use Google fonts' has been selected but the code has not been correctly entered you will get one of these three alerts when trying to 'Make album':
Repeat the Google font sequence above for the 'Content font' field. Note, both Google font fields must be completed. If you want to use just one font then copy and paste all of the code into the other field.
If 'Use Google fonts' has been selected but the code has not been correctly entered you will get one of these three alerts when trying to 'Make album':
Empty code field
No CSS
No link element
You will need to correct the relevant error before progressing with an album update.
Base font size
The base font sets the size for the 'comment' and 'folder description' fields of jAlbum. The default is 1(em) and is equivalent to 16px in most browsers. This should be easily readable for most people. You can adjust this between the values of 0.5 to 2, but it should only need adjusting if the selected fonts are either very small or large.
Typographic scale
This is the scaling factor for other html elements, like folder and image titles, links and html tags like <h2>. The default value is 1.25, which means elements are 1.25 times larger or smaller than the base size, or a multiple of the ratio. For example, credit links are reduced from the base size by 1/1.25 and so equals 0.8em. The predefined 'h' tags are h1 down to h5, h5 is 1.25 times the base size and h1 is just over 3 times the base size.
Set measure for texts
This defaults to being deselected. It limits the line length of album, folder and comment texts, if the browser window is greater than 768px wide, within the range of 600px to 900px, in steps of 20px with a default value of 800px. It is intended to be used if you want to limit the text length such that you can read all of the text without moving your head, which should aid in comprehension of the article.
You can see its effect, on a large monitor, in this article by looking at this text (a single sentence with no breaks). Start with a narrow browser window and slowly widen it's width. Notice the length of a line of text increases until the browser's width exceeds the 768px threshold, then the amount of text on a line no longer increases.
You can see its effect, on a large monitor, in this article by looking at this text (a single sentence with no breaks). Start with a narrow browser window and slowly widen it's width. Notice the length of a line of text increases until the browser's width exceeds the 768px threshold, then the amount of text on a line no longer increases.
