Adding Adobe Typekit fonts

andacar · 2017-01-26 07:10:04

(I hope this isn't explained somewhere else. I did search for it...)

I'd like to add an Adobe typekit font to my Backlight page. Where would I save the script it invokes?

Thanks as always,

Darrell Leland

rod barbee · 2017-01-26 07:30:03

you can add scripts using the phplugin ttg_scripts hook
http://backlight.theturninggate.net/doc … tg_scripts

andacar · 2017-01-26 07:52:08

Thanks Rod. I'll work on it and holler if I have questions.

andacar · 2017-01-26 08:46:03

OK, I'm mostly there. Here's what I have so far:

<?php


function ttg_user_load( $style, $path ) {
	$g_tsvrl = explode( ' ', $style );                          // Extract gallery type
	define ( 'G_STYLE', strtoupper($g_tsvrl[1]) );              // and set global for later
	$g_path = str_ireplace('\\','/',$path);                     // change \ to / 
	$chunks = explode('/',$g_path);                             // and put into array
	define ( 'G_PATH', strtoupper($chunks[count($chunks)-2]) ); // gallery folder name is second to last
	//define ( 'TTG_SITE', '');                                   // set new site root for navigation, resources, etc.
	}


function ttg_scripts( $style, $path ) { 
	echo '

	<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/metamorphous:n4:default.js" type="text/javascript"></script>

	';
	return false;
} // END


?>

Clearly I need to change the adobewebfontsappname from Dreamweaver. To what? Backlight? Would that make the Metamorphous font show up in the font selector in Backlight? In the normal HTML, Dreamweaver invokes the font like this:

<body style="font-family: metamorphous; font-style: normal; font-weight: 400;">
</body>

Would that be required somewhere else? In a css file?

rod barbee · 2017-01-26 09:05:11

I don't think the font will show up in Baklight's font selector. You can try entering it in the Prepend Font-family w/ field.

I don't know that you have to change the adobewebfonsappname at all. If it's "dreamweaver" just try adding "dreamweaver" (without the quotes) to the Prepend field.

andacar · 2017-01-26 12:05:43

I put "metamorphous" in the Prepend field and it worked!

Thanks again Rod, I've learned a lot from you.

Darrell Leland

Community @ The Turning Gate

#1 2017-01-26 07:10:04

Adding Adobe Typekit fonts

#2 2017-01-26 07:30:03

Re: Adding Adobe Typekit fonts

#3 2017-01-26 07:52:08

Re: Adding Adobe Typekit fonts

#4 2017-01-26 08:46:03

Re: Adding Adobe Typekit fonts

#5 2017-01-26 09:05:11

Re: Adding Adobe Typekit fonts

#6 2017-01-26 12:05:43

Re: Adding Adobe Typekit fonts

Board footer