• Registered: 2014-12-29
  • Posts: 41

Topic: Problem using Adobe Typeset [SOLVED]

Using Adobe's Typekit should be easy:  all I have to do is paste:

<script src="//use.typekit.net/vtv5zhh.js"></script>
<script>try{Typekit.load();}catch(e){}</script>

into the first 2 lines of kosel's custom.js

and define and use the families.

I'm getting an error, though.  Using Web Inspector, I find a syntax error:  Unexpected token '<' custom.js:1

<script src="//use.typekit.net/vtv5zhh.js"></script>

my site is:  http://mark-friedman.com

I don't know how to fix this.

  • Registered: 2012-12-16
  • Posts: 950

Re: Problem using Adobe Typeset [SOLVED]

The 'custom.js' file accepts only JavaScript code, like:

try{Typekit.load();}catch(e){}

<script> tags are HTML. (Think of everything inside the 'custom.js' file as already being automatically wrapped inside <script></script> tags).

You would need to add the following line of HTML code:

<script src="//use.typekit.net/vtv5zhh.js"></script>

... into the '_themes/base/pagetypes/layout.tpl' file (just before the closing </head> tag on line 18) so that the 'vtv5zhh.js' file is loaded into the <head> section of each of your Showkase pages.
You would then enter the following code (without <script> tags) into your theme's 'custom.js' file.

try{Typekit.load();}catch(e){}

I hope that makes sense.
Give it a try and hopefully it'll work OK.

Please note that the line number above refers to the current version of Showkase (v1.3.6).

  • Registered: 2014-12-29
  • Posts: 41

Re: Problem using Adobe Typeset [SOLVED]

Thanks.  It makes sense and I implemented it.
Doing so, however, generated 2 new errors (and the styles wouldn't load):

[Warning] Invalid CSS property declaration at: * (styles.css, line 157)
[Warning] Invalid CSS property declaration at: * (styles.css, line 346)

line 157:
.ie7 #wrapper, .ie7
header, .ie7
section, .ie7
footer {
  *zoom: 1;
}


line 346:
.ie7 .thumbs {
  *zoom: 1;
}

4 Reply by markfriedman (edited by markfriedman 2015-03-13 01:51:59)

  • Registered: 2014-12-29
  • Posts: 41

Re: Problem using Adobe Typeset [SOLVED]

scratch some of that:  the errors are still there however some of the custom.css is working.  Some of it isn't.  Anything white isn't correct - I thought I had gotten the element definitions correct using the Web Inspector.

Apparently not. 
Maybe I got caught up by some inheritance stream or simply misidentified body.dark header h1, body dark header h2, body.dark h2 and body.dark p

does anything glaring stand out?


@font-face    {
    font-family: "rooney-sans",sans-serif;
}
@font-face    {
    font-family:    "ff-nuvo-web-pro", sans-serif;
}

h1 p {
  font-family: "rooney-sans",sans-serif;
  }

/*  where we use it */

body.dark header h1 {
    font-family: "rooney-sans", sans-serif;
    font-size:  18px;
    line-height:   1.5;
    color:    yellow;
}

body.dark header h2 {
    font-family: "rooney-sans",sans-serif;
     font-size: 125%;
     color:    yellow;
}


body.dark h2 {
  font-family: "ff-nuvo-web-pro", sans-serif;
  font-size: 125%;
  font-weight: normal;
  line-height: 1.50;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  color:    yellow;
}

body.dark p {
  font-family: "ff-nuvo-web-pro", sans-serif;
  color:    yellow;
}

/*  footer */

body.dark footer {
    font-family: "ff-nuvo-web-pro", sans-serif;
    color: yellow;
}

Thanks

  • Registered: 2014-12-29
  • Posts: 41

Re: Problem using Adobe Typeset [SOLVED]

WAIT!

Everything in the wrong color (white) is clickable.
The static text is OK.

Damn.

  • Registered: 2012-12-16
  • Posts: 950

Re: Problem using Adobe Typeset [SOLVED]

If you want to change the color of text within your site, I would recommend using the Showkase interface.
Go to 'Site -> Customize Theme', change the 'Color Scheme' to 'custom' and select the colors in the 'Custom Palette'.
This should save you from having to worry about which classes to apply custom CSS rules to.

  • Registered: 2014-12-29
  • Posts: 41

Re: Problem using Adobe Typeset [SOLVED]

I changed the text colors, Steve, as a means of testing.  What I really want to do is control the all of fonts.
The ones I need to identify now are the menus.

I wish I knew CSS and HTML - it would make my life easier.

  • Registered: 2012-12-16
  • Posts: 950

Re: Problem using Adobe Typeset [SOLVED]

If you are using the 'dark' color scheme (which it looks like you might be from teh code your posted above), try the following CSS code in your theme's 'custom.css' file which should change the font for the navigation menu entries and site heading.

.dark a:link, .dark a:visited, .dark a:focus {
    font-family: "rooney-sans", sans-serif;
}
  • Registered: 2014-12-29
  • Posts: 41

Re: Problem using Adobe Typeset [SOLVED]

Thank you, Steven.

You've saved me several hours of work.

:}

  • Registered: 2012-12-16
  • Posts: 950

Re: Problem using Adobe Typeset [SOLVED]

I'm glad you've got it working!
Thank you for posting back to let me know.