Now I am having an issue with adding a font to use. Actually I think I have it added but it is not displaying when previewed.
Essentially I just want a Bold Italic font to use and I currently do not have a choice for that in what available in Freeway. So I followed the steps to find a google font and adding the font and family stuff, it now shows up for use in Freeway, I can use it and it displays as I want on the screen … But when I go to preview it in a browser, any browser, it shows as the standard old default font.
The font is Playfair Display in Ultra Bold 900 Italic. It does not need to be that one, I just want a bold italic to use.
What am I missing or doing wrong? I followed a couple articles instructions twice and the more I search and read I get further confused. Hold my hand please! Thanks.
OK, Thomas, I watched the video and followed along, it is pretty much what I already did from the article…
The only things I changed is in the MarkUp part the article said put it “Before /Head” but in the video you have it “After Head”, so I switched it to After.
Also when adding the Font Set and pasting in the Alternative Fonts I initially left in the “;” at the end of it, so I removed that.
Doing that did not change anything for me, it is still not showing the chosen Bold Italic font when viewed in any browser.
Dave, I do not have it uploaded online yet and am not sure how to best share the code with you, but this is what I did … I previewed my home page in safari and viewed the source code, copied that into a textedit document and saved it as a file that I uploaded to my site for you to then download and take a look at. I hope that works.
OK, Thomas, I watched the video and followed along, it is pretty much what I already did from the article…
The only things I changed is in the MarkUp part the article said put it “Before /Head” but in the video you have it “After Head”, so I switched it to After.
Which works both.
Also when adding the Font Set and pasting in the Alternative Fonts I initially left in the “;” at the end of it, so I removed that.
Good - cause it would end in (working but) invalid code.
Doing that did not change anything for me, it is still not showing the chosen Bold Italic font when viewed in any browser.
Yep - can confirm that this Typeface seems to be broken (which sometimes happens).
Dave, I do not have it uploaded online yet and am not sure how to best share the code with you, but this is what I did … I previewed my home page in safari and viewed the source code, copied that into a textedit document and saved it as a file that I uploaded to my site for you to then download and take a look at. I hope that works.
OK. I tried it all over again with a different font Droid Serif. Still no change.
I made a test folder on my sites server space and copied the new site folder into it. Hopefully this works for you to find what you may need to see what I am not doing?…
I am trying to get those words below the little icons to be in a Bold Italic font.
Thomas, I have not made the icons clickable yet but in the footer I temporarily have things set up and in there is the MAKE A PAYMENT link, you can click on that and see that I got the Paypal Button to work and be responsive!
I recently had that issue with the Paypal button action not being responsive, you commented on that and on the Softpress template I was using. I was poking around your website in your signature and the Backdraft template caught my eye and from there I ended up liking that. I picked that up and have been using the Backdraft for doing this now. It has helped better in getting me to do the things I want (tho I still do not understand it:-) as far as moving modules around.
It looks to me like you’ve defined every font in existence in your styles except for Droid Sans.
Google fonts is a 2 step system… first you paste the google code in your document head (done) then you define your font-family style, which is not done.
Dave, No I did not do that for the Droid font. I did try doing that with the Playfair font. But I am not sure I am doing that right then. How do I apply a certain style to a certain select text?
Big Erns, YES, I didn’t directly define those things but when I got to Edit Styles I get a huge list of them including about 50 generic “.styleXX”. If you look at that HomeCode file I first posted I search thru that and find that each icon heading I have has a different .style number basically!
Essentially I have just been typing all the text int he boxes and then going back and highlight selecting the words and changing the font and size in the Inspector. Is that creating this mess of styles? What should I be doing different?
I will try specifying the font family style and weight for those “.stylexx”. Should I really have that many styles?
I went thru and defined the Extended Attributes in the Edit Styles to ALL of the styles that I found that I changed to the Droid font. There were about a dozen styles I had to edit. But so far it looks like it worked! I uploaded that recent change to the site folder here…
One more question on fonts… Is there a way to adjust the Leading or Line Spacing?
In my Header on all the pages I want to shorten the space between the two lines of text. I have Metal Bird Media and below that the Photo-Video line. From the top line I Shift-Return to drop down for the second line. In Freeway it looks right with in my mind the right amount of spacing. When viewed in a browser it put in about twice that amount of spacing between them.
I went thru and defined the Extended Attributes in the Edit Styles to ALL of the styles that I found that I changed to the Droid font.
The point is that you do NOT need many different styles for your Droid text.
Create 1 style with all the attributes that you want those particular headings to have and use it.
If you have another section of text that requires different settings and Droid font family then make a style for it as well. ie DroidSubHeading, DroidBodyText etc.
If you mean that you want to adjust the leading/line-height between METAL BIRD MEDIA and
Photography - Videography then define some new styles for your Heading and adjust Space Before and Space after to get the spacing you want.
You really need to look at some basic styling exercises and I think Thomas has some Tutorials that would benefit you.
Setting up your Styles should be done at the very start of your project and if you can define 6 - 8 styles at the beginning you can cover almost all your text styling requirements.
When you have a style defined it then becomes as simple as selecting the text in your layout and applying the appropriate style.