Backlight typography questions

pjtraveler · 2017-10-20 05:20:52

I was thinking of playing around with the typography.
Is there documentation on the fields? I'm trying to answer these questions.
1)What is the the Google Fonts Statement?
2)what is the prepend font family w/?
3) What is the specific syntax (or examples)
4) it would be nice if the the info icon (i in blue circle) was available in the Fonts section.

Thanks ahead of time
:-)

charlie.choc · 2017-10-20 05:28:56

There is a general how to on Google fonts here: https://developers.google.com/fonts/doc … ng_started

pjtraveler · 2017-10-20 06:07:15

Thanks,
However, I am still not following.
should I put a font name in the typography section? Do I put in the CSS code? Not sure what is being asked in the section

charlie.choc · 2017-10-20 06:12:54

I have this in my Google fonts statement:

I use only the Marcellus and Marcellus SC fonts so my prepend is:

Marcellus

in Headings Font Properties and:

Marcellus SC

in Blockquote.

pjtraveler · 2017-10-20 07:17:16

Thanks, that makes it much clearer

Matthew · 2017-10-20 11:15:08

http://community.theturninggate.net/vie … hp?id=6382

charlie.choc · 2017-10-20 21:54:07

Oops, I forgot the Tips and Tricks - good stuff there.

peter · 2017-11-14 04:39:33

FYI, make sure you only select from the 3 families: Serif, Sans Serif & Monospace.

peter · 2017-11-14 07:41:17

So I thought this would be straight forward. It worked with another font...

I have: <link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet">
in my Typography Google font box, and this: Spectral+SC in my Navigation Prepend Font-family w/ box.

The font is not Spectral+SC.
Do I need to do something else? I tried diff. items in the Font Family box (in the Navigation settings)
I gave my wife the page of fonts to choose from, thinking any in the serif, san-serif families would work.
(Why is this stuff so frustrating?)

Edit:
I tried using Tangerine and setting Times New Roman as the family, and that shows the Tangerine font correctly, but can't do the Spectral+SC

Last edited by peter (2017-11-14 07:46:58)

charlie.choc · 2017-11-14 07:43:33

Did you try just "Spectral" as a prepend?

JimR · 2017-11-14 07:47:20

peter wrote:

I have: <link href="https://fonts.googleapis.com/css?family=Spectral+SC" rel="stylesheet">
in my Typography Google font box, and this: Spectral+SC in my Navigation Prepend Font-family w/ box.
The font is not Spectral+SC.
Do I need to do something else? I tried diff. items in the Font Family box (in the Navigation settings)

I don't think you want "Spectral+SC" in the Prepend Font-family w/ box. Try "Spectral SC".

If I had a link to your site I could quickly confirm.

peter wrote:

Why is this stuff so frustrating?

I think that's a comment about HTML and CSS

One way to debug this type of thing is to learn how to use your browser's inspector. There you can enter the name of the of a font and instantly see the change.

rod barbee · 2017-11-14 07:53:13

According to the Google Fonts site, you should use 'Spectral SC' as the prepend

peter · 2017-11-14 07:55:10

Ok, it didn't like the '+'.
Looks good now.
Spectral SC not Spectral+SC

(Like, how is a photographer supposed to know this stuff!)
Thanks a ton for your help.

peter · 2017-11-14 07:56:28

rod barbee wrote:

According to the Google Fonts site, you should use 'Spectral SC' as the prepend

I guess you got that from the 'CSS' code?
I should have looked at that.

rod barbee · 2017-11-14 08:02:59

yep, the section "Specify in CSS"
Since you're prepending the font-family in Backlight, it's adding the font family to the front of the css declaration. Not something you'd naturally know if you haven't been mucking about in css before.

The only reason I know any of this is that I started using TTG products 5 or 6 years ago and wanted to modify things on my site.
That got a little out of control, in a good way. Keeps my brain flexible at least

peter · 2017-11-14 08:09:08

I mean, it's rewarding when you get what you are trying to achieve, and the process is now waaay easier than going through the LR plugins I also used way back.

It's just frustrating when you are dumb like me when it comes to coding.

(I can design a mean 16 layer, impedance controlled, route length matched signal, A-D PCB with 15,000 connections on it, including a 2000 pin FPGA though...)

rod barbee · 2017-11-14 08:21:53

I knew nothing of coding (other than forgotten machine language from tech school 30 years ago). It's been fun learning though. And I've got Matt and Ben to thank (or blame) for that.

Community @ The Turning Gate

#1 2017-10-20 05:20:52

Backlight typography questions

#2 2017-10-20 05:28:56

Re: Backlight typography questions

#3 2017-10-20 06:07:15

Re: Backlight typography questions

#4 2017-10-20 06:12:54

Re: Backlight typography questions

#5 2017-10-20 07:17:16

Re: Backlight typography questions

#6 2017-10-20 11:15:08

Re: Backlight typography questions

#7 2017-10-20 21:54:07

Re: Backlight typography questions

#8 2017-11-14 04:39:33

Re: Backlight typography questions

#9 2017-11-14 07:41:17

Re: Backlight typography questions

#10 2017-11-14 07:43:33

Re: Backlight typography questions

#11 2017-11-14 07:47:20

Re: Backlight typography questions

#12 2017-11-14 07:53:13

Re: Backlight typography questions

#13 2017-11-14 07:55:10

Re: Backlight typography questions

#14 2017-11-14 07:56:28

Re: Backlight typography questions

#15 2017-11-14 08:02:59

Re: Backlight typography questions

#16 2017-11-14 08:09:08

Re: Backlight typography questions

#17 2017-11-14 08:21:53

Re: Backlight typography questions

Board footer