[Pro] Simple Site search - results font?

Hi Guys

Is there any solution to the results of a search not applying the selected font?

Thanks in advance
Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Is there any solution to the results of a search not applying the selected font?

Wasn’t aware there was an issue - have you a particular example that isn’t working for you?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David

Please have a look here - I have set the font as per the rest of the site, Quattrocenta (Google)

http://www.conservationsafari.org/search.html

Cheers

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This may be because your stylesheet defines the style as:

@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento Sans'), local('QuattrocentoSans'), url(http://themes.googleusercontent.com/static/fonts/quattrocentosans/v6/efd6FGWWGX5Z3ztwLBrG9c2kigAIKUS7C8wDj9A45hI.ttf) format('truetype');
}

Yet the search results are defined as Bold

#fwSearchResults a {
color: #04BF68;
font-weight: bold;
font-size: 17px;
}

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ignore that - the problem is more fundamental. Your FW style is defined as

#fwSearchResults {
font-family: Quattrocentro Reg;
color: black;
}

Your Font names dont match!

Quattrocentro Reg and Quattrocento Sans - they have to be the same.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave, I merely selected the font option that the action provided - I dont know any way of over riding that?

Can you assist me to change that?

Much appreciated!

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You must have set up the font in Edit>Font Sets?

Which action did you use?

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave - there are two google fonts through the site, Quattrocenta is one and Fjalla One (supposed to be) the other - so I have placed the description as per the action.

In the before head mark up area?

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave - there are two google fonts through the site, Quattrocenta is one and Fjalla One

Actually it is Quattrocento

That part is fine. But FW has to know which text to apply this font to. and this is where your font sets come in. You have to define or create a font set for Quattrocento something like this.

Edit>Font sets then select the Quattrocento set if you have one already and double click the Alternative Fonts section. What you should have in there is the Font you want and a comma separated list of alternatives.

ie: Times,‘Times New Roman’,serif

Now for yours you should have 'Quattrocento Sans’,sans-serif and you could add in some fall backs if the Google fonts weren’t available such as 'Quattrocento Sans’,Verdana,Arial,Helvetica,sans-serif

Note that font names that contain a space character should be enclosed by apostrophes.

You may have more than 1 Font Set that contains Quattrocento so check them all.

So now if you select any text on your page(s) and choose the Quattrocento set from the Font list (and provided that you have included the link to the Google Style Sheet) then Quattrocento will be used.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Awesome thanks Dave - I will give that a try!

Appreciate your time.

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The important thing to remember is that your style declaration in FW has to EXACTLY match that in the google style sheet.

Your google style sheet states: ‘Quattrocento Sans’

So that is what you MUST have in FW’s Font Set - NOTHING else will do!

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

… or have a look at this (and the following two) episode:

http://www.kimmich-digitalmedia.com/videos/013_thecodingepisodes_part6_the-paragraph

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Thomas - I learned something!

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You are getting close

Note that you have an extra ‘r’ that shouldn’t be there!

The stylesheet says ‘Quattrocento Sans’ but you have ‘Quattrocentro Sans’

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

DAVE - Success!

Thank you!

Cheers from South Africa.

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good - I am pleased but you are not finished yet.

Have a look at the style for .Bigsubtitle

.Bigsubtitle { color:#07d962; font-family:'Quattrocento Sans', sans-serif, Helvetica;; font-size:20px; line-height:0.5; text-align:center }

For all these font definitions the format should be font, ‘backup font’, sans-serif

It would appear that .Bigsubtitle doesn’t follow that layout as you have font, sans-serif, ‘backup font’ and then an extra semi-colon in there too.

Check your styles if you have created these yourself.

Also you have .BigTitle that uses font-family: ‘Fjalla One’, sans-serif - however you have not included a link to the ‘Fjalla One’ google style sheet.

There also appears to be code in Page>Html Markup in the after Head section that includes an empty javascript source link.

<script src="" type="text/javascript">
</script>

I hope this all makes some more sense now.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave

Its a learning process…I naturally used the templates that were sent out recently and with the knowledge I have, tried to adapt and modify.

Many of the technical details and more detailed instructions I struggle to find - there are lots of tutorials on the more simple stuff and actions etc but after a certain point one relies on resources like yourself and blogs etc. For example, I dont really understand how the pages in this template (Esperanto) and many of the others, were actually created - I would love to see a tutorial of the process. The spaces and wrappers are a bit of a mystery to me, and I have tried to unravel the answers but still no success.

Thanks, I shall work on the other issues!

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I dont really understand how the pages in this template (Esperanto) and many of the others, were actually created

I haven’t looked at any of the purchasable templates so can’t really offer any specific advice but I would recommend that you invest a few $ and look at Thomas’s screencasts and they will certainly give you an insight into how an inline layout is constructed.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dave, I shall do!

Jamie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options