How change font size to css ?
font-size:10px; not working :(

Thanks for such a cool script, works very well and makes text look great!

Hi there,

first of all i like to thank you for typeface.js. It's great and gives our websites that little something...

However, we noticed that iPhone's Safari seems to have difficulties. It doesn't display headlines at all (not even with a "fallback" font). This problem does not occur on MacOS Safari.

sda

Hello,
How are you today i hope you are fine, My Name is Miss Jane.i am just
see your mail now in this site i will like you to contact me now with my email for something important which I would like to share with you,and we will get to know each other better, I hope you don't mind being my friend. l want you to send an email to me to my email address ( jane4soumah@yahoo.com ), so that l can give you my picture for you to know whom l am. please i am waiting for your responds to my email address Remember the distance or colour does not matter but love matters allots in life) yours new friend
Jane.

Hello,
How are you today i hope you are fine, My Name is Miss Jane.i am just
see your mail now in this site i will like you to contact me now with my email for something important which I would like to share with you,and we will get to know each other better, I hope you don't mind being my friend. l want you to send an email to me to my email address ( jane4soumah@yahoo.com ), so that l can give you my picture for you to know whom l am. please i am waiting for your responds to my email address Remember the distance or colour does not matter but love matters allots in life) yours new friend
Jane.

Hey everybody.
I just created a new TYPO3 site. I want to use two typefaces here, so I converted two faces of this font.
Elements to render have the typeface-js class and an additional to tell them what face to use.

Works fine in FF and Safari on my MAC, but the types aren't rendered at all on my PC (Win7)
in FF3.5, Chrome, Opera or IE either.

Can anybody help me?

Site ist innovum212.de/typo3

Hi All,

I want to know is it possible like to render unicode fonts like mangal i.e hindi font using the typeface.js ? I have seen one post some guy was saying I have rendered the Arabic script with the type face you have any examples plz post those . if It is not possible how do we do that is there any reference for that

Looking for your valuable comments.

Regards,
BhanuChandar K

typeface rocks, converter s*cks

I absolutely LOVE typeface.js, I use it all the time. But, I really wish it were a bit more flexible (for instance, wish it had render-to-canvas capabilities) for web app ideas I have that can't work without that functionality.

Work with latin char?

ds sdf sd f sdf adsf adsfdsfasdf  f asdf sdf dsf ds

When I try to compress your script it gives me some errors. Cound you fix it so it can be compressed? 

http://www.jslint.com/
http://refresh-sf.com/yui/

asdasd

None of the fonts I am converting are working. 

I can download the pre-converted fonts and get them working fine, but I have tried several different fonts of my own and I cannot get them working.

Hi, do not display text in the header posts when viewed through IE ...
URL: http://estmnenie.com

Hi All,

I m  a web designer,
I m facing two problem while using tyface.js

1> fonts get blur when we zoom in the page or at high reolution of browser.
2> class tyface.js is not working on  submit button,

please tell if any one got this problem and how culd they sort out this problem,

Thanks

Hello. I think we need the Euro symbol, especially for e-commerce websites. How to create it ?

Thanks.
Rob

RICARDO DA PISSA

Hello,

I have an little problem with IE7 & Typeface,
it's the only browser i have this issue.

Somehow it's washing out some letters, not even all.
I happens twice, both times there's a link on the text.

http://img69.imageshack.us/img69/8616/huhxd.jpg, this is how it looks.

9849848+945+984

I have uploaded the Goudy Bookletter 1911 font into your converter and inserted it into a web page. How do I reference that font in my css?

doesn't work.

typeface installed page fully working on a windows but typeface not working on macosx based computers.

url : http://www.tasarimbakanligi.com/viaweb

Hey guys,
i wonder if someone could help me.
for some reasons my 2 used fonts are not displayed. Anyone can help?

http://www.germannoob.de/

greets
jon

simple Question:

Is the text readable for the GoogleBot?

Hi

I have a problem with internet explorer at the moment, typeface.js is working on every other browser with no problems but when i come to IE it fails.

It is strange though, let me explain. When i navigate to the website all i get is a blank white page, when i view the source all the code seems to be there but nothing is coming up on the site, but when i manually enter a url to another page on the site it works fine i can navigate through all the pages with no problem until i arrive back at the home page.

Can anyone help me with this 

Thanks

hey guys,

I kust want to ask you all one query. I love my boy friend very much , but he does not all to came on date with me sio can anybody suggest me any idea to make him come.

thanks in advance!!!

_________
[url=http://www.elite-londonescorts.com/escort_jobs.php]Elite Escort Jobs[/url]

Thank you

is this technique support css underline?

Hi 

I'm using a font on my website with this method and it works really great, but in certain parts i need to have a bold heading with the font i want to use.

So when i convert the font i want to use with the converting tool i only get a regular format, which when i apply a font-weight the typeface.js doesn't work at all.

so can someone tell me how i can make a bold version of my font for typeface.js

Cheers

Great work... I have a lot of fun... I have small problem. I want use symbols like é When I convert the font the Latin1 supplement should be included. Can you help me how I can use symbols

Many thanks in advance.

Marcella

I am looking for some sample Java code demonstrating how to get AJAX content displayed into a custom font using Typeface.js within a GWT app. I have tried a little bit by calling the following native function

    native void Typeface_renderDocument() /*-{ 
        $wnd._typeface_js.renderDocument();
    }-*/;

    - after having filled the relevant widget with the AJAX content, and
    - after calling the following function on the widget :

      void applyTypeface(Widget widget) {
          widget.addStyleName("typeface-js");
          widget.getElement().getStyle().setProperty("fontFamily", "Helvetiker");
          Typeface_renderDocument();
      }

...where Helvetiker is a custom font (actually available from Typeface.js fonts.
But that didn't work.

I am looking forward to any suggestions since I am bit stuck here.

The examples page of this website doesn't work. 
I has been fighting with my pages believing I did something wrong, but the samples right here won't show. I just moved my security level down assuming there was something with javascript or security in this computer, but it didn't work. There isn't even an error message.

Great work!  Thank you for sharing

This script works sooo well. I just have a small issue when its on a specific browser its shows the font as having a drop shadow...  Im not sure why and want to know if this can be fixed?? If not what is causing the issue...

how to can I change typeface font color on mouse over with css?

example 
"a:hover"

"a:hover" is not working.

i added some code in typeface.js witch alaws niteve a tag suport its not fully tasted yet but fill free to report errors :)
***********************************************************
=============================startpoint at line 343=====================
var elementsLength = elements.length;
  for (var i = 0; i < elements.length; i++) {
  if (elements[i].className.match(/(^|\s)typeface-js(\s|$)/) || elements[i].tagName.match(/^(A|H1|H2|H3|H4|H5|H6)$/)) {
    //----------------this function is in case of <a> tag conversion----------------//
    if(elements[i].tagName.match(/^(A)$/))
    {
     
    var mysheet=document.styleSheets[0]
     
    var st = elements[i].innerHTML 
    elements[i].innerHTML = '<span class="hover">'+st+'</span><span class="unhover">'+st+'</span>'
     
    }
    //-----------------end function------------------------//
    this.replaceText(elements[i]);
   
    if (typeof callback == 'function') {
    callback(elements[i]);
    }
  }
  }

=======================a tag added at line 766==========================
var typefaceSelectors = ['.typeface-js', 'A', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];

=======================Startpoin at line 868============================
if (document.addEventListener) {
//------------------------this line is added in order to pass css parameters to hover state----------//
for (kkk=0; kkk<document.styleSheets[0].cssRules.length; kkk++){
 
if (document.styleSheets[0].cssRules[kkk].selectorText=="a")
{
 
 
  document.styleSheets[0].insertRule("a .unhover{display: block; }", styleSheet.cssRules.length);
  document.styleSheets[0].insertRule("a:hover .hover { display: block; }", styleSheet.cssRules.length);
  document.styleSheets[0].insertRule("a:hover .unhover{ display: none; }", styleSheet.cssRules.length);
 
 
}
else if (document.styleSheets[0].cssRules[kkk].selectorText=="a:hover")
{
  var css = document.styleSheets[0].cssRules[kkk]
  var cssString = ""
  for(sss=0;sss<document.styleSheets[0].cssRules[kkk].style.length;sss++)
  {
  if(document.styleSheets[0].cssRules[kkk].style[sss] == "font-family")
  {
    cssString+= "font-family:"+document.styleSheets[0].cssRules[kkk].style["fontFamily"]+";"
  }
  else{
  cssString+= document.styleSheets[0].cssRules[kkk].style[sss]+":"+document.styleSheets[0].cssRules[kkk].style[document.styleSheets[0].cssRules[kkk].style[sss]]+";"
  }
  //alert(document.styleSheets[0].cssRules[kkk].style[sss]+":"+document.styleSheets[0].cssRules[kkk].style[document.styleSheets[0].cssRules[kkk].style[sss]]+";");
  }
  //alert(cssString)
  document.styleSheets[0].insertRule("a .hover {"+cssString+" display: none; }", styleSheet.cssRules.length);
}
}
//-----------------End function--------------------------//
window.addEventListener('DOMContentLoaded', function() { _typeface_js.initialize() }, false);
}

I'd like to edit the text, once it has been converted by typeface. How do I get back the original html?

Example:

Original html text: 
-------------------------------------------------------------------
<div>Hello <br>World</div>

Typeface html:
-------------------------------------------------------------------
<span class="typeface-js-vector-container"><canvas height="13" width="25" style="margin-top: 0px; margin-bottom: 0px;"></canvas><span class="typeface-js-selected-text" style="margin-left: -26px; letter-spacing: 0px; width: 25px;">Hello</span></span>
<br>
<span class="typeface-js-vector-container"><canvas height="13" width="25" style="margin-top: 0px; margin-bottom: 0px;"></canvas><span class="typeface-js-selected-text" style="margin-left: -26px; letter-spacing: 0px; width: 25px;">World</span></span>

How do I retreive?
-------------------------------------------------------------------
<div>Hello <br>World</div>

well as the topic says, the &nbsp; wont work in IE, that couses the iexplorer show an undefined error... if someone know how to un-bug this, hehehe it would be nice

Hi,

I find Typeface working really well, except for one thing. Within a Sitefinity project I can mamage to replace fonts in the menu with the test-fonts, but not with my own font. The generated js-file works perfect for all h1 to h6 styles within the same website.

Any ideas?

Best regards,  Patrick

Hi guys,

I'm, trying to use typeface for my blog, which is hosted on blogspot.

And, I can not add classes into the div's.

I was going thru other font replacemets for websites, and I found Cufon

http://cufon.shoqolate.com/generate/

Cufon is good and easy to use, but we can not select the text. It converts text into images which are non-selectable. 

Cufon has code like this 


<head>
<script src='http://cufon.shoqolate.com/js/cufon-yui.js' type='text/javascript'/>
    <script src='Vegur_400.font.js' type='text/javascript'/>
    <script type='text/javascript'>
Cufon.replace('h1');
    </script>
</head>
<body>
    <h1>this is heading</h1>
</body>


"Cufon,replace('h1')" replaces H1 tags

So, we can control any class or selector from this code before "head"

is there such code for typeface also?

Pls help me

Thanks

Uncaught TypeError: Cannot read property 'length' of null
typeface-0.14.js line 790

document.styleSheets[0] is null in Chrome

Hi!

I'm trying to use typeface.js, but I have a little problem in Firefox.

Please the site I'm working on: http://bit.ly/9Uo9p6

It works well in Safari and Chrome, but not in Firefox. Does anyone know what I'm doing wrong?

Tested in Firefox 3.0 - 3.6

cheers,

Hans

<a class="typecafe-js" style="font-family: Helvetiker"> Link </a>

is not working ?!?

Hi,
I have converted a font using the site and added it into my own site. The problem is that Firbeug console tells me "typeface.js: couldn't find typeface font: ngc din onair eu bold for text "ENGINEERING""

I have used typeface before with other fonts and it worked Ok. Do you have any ideea what the problem could be?

Dear all,

This script is great if it would work. The rendering doesn't work for me. Look down for a part of the code. The JS-scripts are stored on the root share. As well as the font files. An example of the font file is Locator-Light.otf.
What is there still wrong? Should the font file be TTF? Where does the font need to be stored on the server? Etcetera...

I tried already to change some things but I cannot figure out what could be wrong.
Thanks in advance for your investigation and replies!

Best regards,
Bart

------
<script src="typeface-0.14.js"></script>
<script src="locator_medium.typeface.js"></script>
<script src="locator_light_regular.typeface.js"></script>
</head>

<body>
<div class="typeface-js" style="font-family: Locator-Medium">
|&nbsp;&nbsp;ME&nbsp;&nbsp;|</div>

replace line 295:
var words = text.split(/\b(?=\w)/);
with:
var words = text.split(/[\s]+/);

and line 303 (aprox)
var word = words[i];
with:
word = words[i] + ' ';

Hi,

are there any problems know for support of an uppercase german umlaut in certain fonts?

With a converted font the uppercase umlaut is shown without the dots. Lowercase works and it works with one of your test fonts (Gentilis). Also not working are uppercase glyphs with an accent.

It looks to me like the line-height cuts it off, but adjusting the line-height (or the margin or the padding) in CSS doesn't change anything.

Any ideas on that? Thanks! And thanks a lot for the work you put all put in this project.

Steffen

Update: Removed the umlaut-examples because i kept being seen as spam.

Is there some way I can draw text directly to a canvas given some coordinates and a font size? The reason I want to do this is to preserve transparency and boost performance by writing everything to a master canvas.

Welcome. I have a problem with the script "typeface".js. I downloaded the latest script (but older react the same way). The site does not display the font defined for the typeface font.typeface.js.

Before the full implementation of the code I checked the script typeface works - yes it works.

But after uploading all the CMS Made Simple is no longer running.

Please help what to do. Has anyone already had such a problem?

Thanks...