Hi,
I want to use Cufon to display IPA texts on a website. Seems to be a
great tool so far!
Unfortunately, the chars "0x035C" (Combining double breve below) and
"0x361" (combining double inverted breve") do not seem to work for
font "Doulos SIL" (
http://scripts.sil.org/DoulosSIL_download ).
I placed a screenshot of my sample here:
http://www.hg-online.de/downloads/cufon.png
The character right to the breve is moved to much to the right.
The sample tries to display the char by specifying the font family
through CSS and by using Cufon. I also tried it with "Lucida Sans
Unicode", here the breves did not work at all. And "Arial Unicode MS"
failed in the generator (message "OK, but.. .. can't do much without
a font."). Maybe the file is too large (22MB)...
Does anybody have an idea what might go wrong? Is it a matter of the
font generator or of Cufon?
Thanks
Wolfgang
============================
Here is my JSP file which creates the HTML (I don't post the generated
HTML because I fear that the chars might get broken in this forum):
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://
www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Doulos_SIL_400.font.js" type="text/javascript"></
script>
<script src="Lucida_Sans_Unicode_400.font.js" type="text/
javascript"></script>
<script type="text/javascript">
Cufon.DOM.ready(function() {
Cufon.set('fontFamily', 'Doulos SIL').replace
(document.getElementById('test3'));
Cufon.set('fontFamily', 'Lucida Sans Unicode').replace
(document.getElementById('test5'));
Cufon.set('fontFamily', 'Arial Unicode MS').replace
(document.getElementById('test5'));
});
</script>
<title>Insert title here</title>
</head>
<body>
<h1 id="test1">Testing (default font): a<%=(char) 0x35c%>b! a<%=
(char) 0x361%>b</h1>
<br/>
<h1 id="test2" style="font-family:'Doulos SIL'">Testing Doulos (CSS
font): a<%=(char) 0x35c%>b a<%=(char) 0x361%>b!</h1>
<h1 id="test3">Testing Doulos (Cufon): a<%=(char) 0x35c%>b! a<%=
(char) 0x361%>b</h1>
<br/>
<h1 id="test4" style="font-family:'Lucida Sans Unicode'">Testing
Lucida Sans Unicode (CSS font): a<%=(char) 0x35c%>b a<%=(char)
0x361%>b!</h1>
<h1 id="test5">Testing Lucida Sans Unicode (Cufon): a<%=(char) 0x35c
%>b a<%=(char) 0x361%>b!</h1>
<br/>
<h1 id="test6" style="font-family:'Arial Unicode MS'">Testing Arial
Unicode MS (CSS font): a<%=(char) 0x35c%>b a<%=(char) 0x361%>b!</h1>
</body>
</html>