Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Font for quotation marks?

Discussion in 'Font Forum:' started by Jazajay, Dec 16, 2008.

  1. Jazajay

    Jazajay Active Member

    Hi peeps, wondering if someone can give me a good font to use for quotation marks.

    What I want is a pair of oversized quotation marks that bend at the bottom, cant find a good example to show you what I am after.

    I want something like this

    '1 in 5 children who use computer chatrooms has been approached over the internet by paedophiles'

    However I want the quote to bend at the bottom, like an invered s if that makes sense. I can pull the whole effect off with CSS I just need a font that styles the quotes like that, any one got any solutions?

    It is not a web safe font also a link to a downloadable .tff file, would be nice.

    I know, I know I should ask for more from you, but I thought I would leave it at that simple request for the moment :D

    Thanks for any suggestions.
  2. Jazajay

    Jazajay Active Member

    Sort of like the Wacko font but 1 reversed and 2 the bottom of the left one goes to the right and the bottom of the right 1 goes to the left.

    Easy, I know. :)
  3. br3n

    br3n Senior Member

  4. Jazajay

    Jazajay Active Member

    Are spot on buddy, they even have the right one I'm looking for under the # symbol, humm..... bit of x-browser compatibility needed but it should be fine, cheers.

    Honestly was not expecting a reply, so it is very much appreciated.

    Any chance you could find it in the .eot format as well so I could display it x-browser,
    I would be extremely impressed if you could.

    I know, I know easy right, especially when your name is br3n. :D

    Much appreciated.
  5. br3n

    br3n Senior Member

    flattery will get you no-where - I dont really know enough about fonts to understand what your after so balls in your court. Sorry :)

    Could you not use images anyway?
  6. Jazajay

    Jazajay Active Member

    .eot is the format that internet explorer understands when you referance fonts via your CSS sheet, so for it to display in IE I need the .eot format of the same file/font.

    That font is in .tff format, which is ok for Firefox, Opera 10 and Safari.

    I disagree actually, flattery gets me every where TBH. :D
    Cheers for the save though bud, much appreciated.

  7. tbwcf

    tbwcf Active Member

    Hi Jazajay - that's interesting to know do firefox and safari support .eof also what versions of IE will that work in?
  8. Jazajay

    Jazajay Active Member

    Firefox, Safari and Opera 10 all support either .tff or .otf font formats.

    IE only supports the .eof format unfortunatly.

    All versions of IE since 5.5, as that is when it was implamented.

    I haven't tested it in any IE browser at the mo, but IE8 may support, both, not sure, as I have done shed loads of work to day, I know, and haven't got round to checking it in IE yet.

    To use it you need to declare it then referance the declared font.
    So for example ~

    #head span{font-family:cairo}

    All span tags in the element with the id of head would display in the referanced in cairo font, regardless if the user has it on thier computer, or not.

    It would be the same for IE but the .eof format would have to be included in a condtional comment to get round the precedance rule.


    Purple ~ CSS
  9. Jazajay

    Jazajay Active Member

    Sorry Br3n.
    Missed your question.

    I could I suppose but if there is a CSS solution to styling text, IMO that is the way to go, seperation of your logic and all that.

    I may do the image for IE though, unless I can find a .eof version of the font that is.

  10. br3n

    br3n Senior Member

    Sorry I know absolutly nothing about HTML/CSS so it was more of an outsiders opinion - I sort of understand your above posts so you must have explained them well :)

    I didn't know you could embed (if thats the correct term) a font which the end user doesnt have.
  11. Jazajay

    Jazajay Active Member

    No that is fine mate, no need to appologize.

    Yeah IE has supported it for years, we are now on IE8 well will be at the end of 09, and it was supported in 5.5.

    The problem is there is no fonts that are in that format, well that I can find, so....

    But yeah Firefox and Safari supported them this year I think, could be wrong, but until it was supported by all the main browsers I was not going to take it up.

    Opera 10, will support it, that should be out of beta about May time, so good times ahead. But I still imagine a lot of people will do your solution due to the lack of .eot fonts.

  12. br3n

    br3n Senior Member

  13. Jazajay

    Jazajay Active Member

    You are on fire today.

    Yeah looks like that will do it, I'll bookmark it and give it a proper read though when I get round to IE.
    But it does look like it will convert .tff fonts to the IE standard.

    Arr wicked that means it can be displayed x-browser now.
    Huh I didn't think at looking for a converter, nice catch, see outsider perspectives are worth it :)

    Nice one,
    One happy Jaz.
  14. br3n

    br3n Senior Member

    Sometimes it helps to be nieve/clueless I suppose... .if all else fails turn to google.

    Hope it all works out for you!
  15. Jazajay

    Jazajay Active Member

    It was going so well until you said that. :cry:

    But yeah I do agree with your other comment, it's how I get though life TBH. :D
  16. Sunburn

    Sunburn Active Member


    why not...(using the blockquote element) try this...

    blockquote *:first-child:before { content: "\201C";font-size:2.4em;}
    blockquote *:first-child:after { content: "\201D";font-size:2.0em}

    you can define font Liberation Sans or Helvetica both look really nice with the above.
  17. Jazajay

    Jazajay Active Member

    Yeah cheers for the suggestion, I could I suppose you are right however IE will be a tad stuck, humm...... I suppose I could stick it in a conditional I suppose.

    I'll give it a listen in a screen reader and decide based on that.

    Cheers for the suggesstion much appreciated.

  18. Xenonsoft

    Xenonsoft Active Member

    Sorry, does that mean you can use any font you want, as long as you attach it?
  19. Jazajay

    Jazajay Active Member

    Yeah you just need the font in both .tff and .eot format, which Br3n gave us the link to a convert, spot on for that buddy :), reference the .tff format in the main css sheet, as above, then reference the .eot format 1 in a IE conditional comment and it should work fine then. :)

  20. berry

    berry Active Member

    Times and Garamond, I'ved used those a lot for oversized Q marks

Share This Page