Safari not rendering Verdana

I cleaned up my fonts today when Font Book flagged several fonts were duplicates or had other problems. I removed the fonts as suggested by FB and there were no immediate problems anywhere, not even Safari.
This morning, without having logged out or restarted Safari, it is rendering what appears to be Verdana with all characters as Cap A in a box.
I checked in Firefox if those pages rendered correctly, which they did, using Helvetica. So that indicates the standard CSS selection of fonts is being applied.
If I copy the wrongly rendered fonts from Safari and paste them into TextEdit they appear as normal text, no errors.
If I go into Appearance in Safari's preferences and choose +Standard font: Verdana+ it is substituted by odd ball Unicode boxed glyphs like TM or square root in the font field.
I tried switching to Lucida Grande or Lucida Sans but the font rendering problem remains. So it looks like the Verdana it is attempting to render is somehow misapplying Unicode characters.
Safari's Default Encoding is Western (ISO Latin 1). Switching to Unicode (UTF-8) is not fixing the problem either.
I can see no way of reinstating the fonts that were disabled.
This really has me scratching my head.
Any ideas?
Peter

10th anniversary of OSX and Font handling is nearly as bad as the beginning.
Never had one problem fonts with a Mac.
"For an extensive look at font management and handling font problems in OS X, the following tutorial and FAQ by Kurt Lang is an excellent resource for anyone, but especially for those who extensively"use fonts: http://www.jklstudios.com/misc/osxfonts.html
Kurt Lang has been an Apple Discussions helper for years. He wrote the link that "baltwo" posted also.
Yes I'm aware of the contents of that link. Following some of those suggestions has got me in this situation.
I've yet to have anyone reply that the suggestions and advice given by Mr. Lang caused them any problems. You're the first.

Similar Messages

Safari not rendering a page correctly

A webpage I created in Dreamweaver uses drop down menus that are supposed to display just to the left of the link they drop from. In all other browsers they work correctly, but since the latest upgrade in Safari to 3.0.4 as a part of OS 10.4.11 on my Macbook, they are not rendering correctly. Instead they are appearing much further to the left where it's difficult to move the cursor to them before they disappear. Until I changed the color of the drop downs they were disappearing into the background. Any ideas why Safari is not rendering them correctly? I'd like to keep Safari as my primary browser, but if it won't render my own page correctly, what other pages might it be messing up? Address of the page is http://www.montgomeryschoolsmd.org/schools/woottonhs/ The drop downs are connected to the central column list that has small arrows beside the words. They will probably work correctly for you, but won't for me in Safari. What can I do to fix it?
Thanks,
KWolfrey

Hi,
I'm running 10.4.11 with Safari 3.0.4 and as far as I can see the menus seem to work just fine here.
Do you have a custom stylesheet set in Safaris advanced preferences? (Some Safari enhancer applications set one even if you didn't manually set one so double check to make sure.)
Also, do you use PithHelmet?
One quick test you can do to help narrow down things is to try Safari in another user account. This will help us to know whether your problem is local to your account or system wide. If you don't have another account you can use System Preferences -> Accounts -> \[+\] to create a test one (and \[-\] to remove it if needed)
Lastly, I doubt these [errors|http://validator.w3.org/check?uri=http%3A%2F%2Fwww.montgomeryschoolsmd. org%2Fschools%2Fwoottonhs%2F&charset=%28detect+automatically%29&doctype=Inline&g roup=0] have anything to do with your problem since it seems to work fine for me, but you might want to look into them at some point.

Safari not rendering Correctly

Hi-
Randomly, Safari stopped rendering sties correctly, actually, one site in particular. Gizmodo (www.gizmodo.com) only comes up as a sort of list instead of the correct full version. I've already reset Safari, clear cookies, history, temp files, etc. I also deleted the preference file, but to no avail. I'll attach a screenshot of this incorrect rendering to show you what I mean.
Thanks!!

Hawaiian_Starman wrote:
Hi
I'm wondering if this is a Network problem. Site renders correctly for me using the latest WebKit build and Safari 3.0.4. Who is your Internet Provider? Are you using an Airport or Ethernet connection?
That would be weird because this only started happening about last week. I'll download the latest webkit and see if that helps any. My ISP is Verizon (FiOS). I am using the built in ethernet connection.
Here are my network settings:
Thanks for replying!
Message was edited by: Craig Cabrey

SAFARI not rendering right

I just finished designing my website and it runs fine in
every browser but safari. it previews fine from dreamweaver in
safari but when i open it up on the server in safari it jsut
doesn't load everything or has problems with css. i'm not sure what
else to do. does anyone know or has had this problem.
www.outjogging.com is the website.

PC or Mac? When I preview my sites with PC Safari 3.0.3 Beta
all the fonts are way too heavy, seems that its got rendering
problems, but since its a Beta I don't worry about these things
until its a full release.
Your website looks fine on Firefox 2.0.0.6 on my XP Pro SP2.
IE7 and IE6 look ok, apart from the linked image borders are now
blue.
Steve

Safari not rendering pictures

Greetings Forum Users:
I'm not able to see photos in my browser on CNN using Safari 6.0.2 I'm having the same problem with Firefox. Even going to the Apple store site shows no pictures. Chrome, however, has no problem rendering a complete webpage. Any idea of what might be causing these browser ?
Thanks,
Michael

I figured it out. Somehow, when I enabled Develop on my toolbar, I noticed that Disable Images was ticked. Not sure how that happened, but once unticked, the web images are now appearing. YAY!
Thanks!

Safari not rendering Arabic text correctly

I have Safari 1.0.3 running on Mac OS 10.2.8 and it will not render Arabic text correctly. Isolated letters appear at about half the correct size, which makes pages readable but only with considerable difficulty and annoyance.
I saw some solutions here that related to removing Microsoft fonts, but I removed all fonts from Home:Library:Fonts and quite and restarted Safari, and the problem persists. I also downloaded Firefox 2.0 and the same issue occurs - with the added feature that the tab titles on Firefox also display this anomaly, whereas tab titles on Safari render Arabic correctly.
And by the way, if this issue can be resolved, can safari and other apps be got to use a font other than the extremely ugly and hard-to-read default?
iMac Mac OS X (10.2.x)

Thanks Tom. The problem though is not that letters
that are meant to be connected are coming out
isolated; letters that are meant to be isolated, e.g.
initial alif, waw, ra and final letters after alif,
waw ra, are displaying way too small.
Sorry I misunderstood the problem.
Do you think it is worth trying your troubleshooting
tip no. 18? And do you have any idea what sort of
issue could be behind it that it would affect Firefox
too?
Yes, you may as well try no. 18. That tip, which really has no logic to it, reflects the fact that voodoo is sometimes required to get Jaguar to display Arabic correctly in browsers. Panther was a tremendous improvement in that regard.

Safari not rendering CSS and javascript correctly

There seems to be a bug in Safari when dealing with CSS display property and javascript.
I've created a form that hides certain fields when the right circumstances are met, those fields become visible. However, when they become visible, through the use of javascript, they don't display in the flow of the document. For example:
[field 1]
[field 2]
[field 3]
Assume that [field 2] is hidden on initial page load. And when [field 1] is clicked, then [field 2] should appear and it should appear after [field 1]. Safari, however, displays [field 2] above [field 1] and strips it of any styles. I spent 2 hours trying to figure out what I was doing wrong, but it turns out I wasn't doing anything wrong. It's Safari that can't render this correctly because when I test it in Firefox it works fine. Just as I expected it to. I hope this gets fixed in the next update.
If anyone has any explanation or solutions or reasons for this peculiar anomaly please tell me.

If you have not done so already, make sure you also tell Apple by using the Bug Reporting item in the Safari menu.

Rollover text not rendering correctly in Safari 7.x

Safari 7.x and my blog (NotNecessarilyPretty.com) are not getting along.
Specifically, the rollover text in the post titles (see attached or visit site) is not rendering correctly. The right edge of the text does not change to the correct color. Have been in contact with Apple as well as the theme's developer, but have yet to be offered of a fix.
This blog displays correctly when accessed via Chrome or Firefox, and prior to Mavericks, Safari evidenced no problem.
Thoughts on how to correct this?
Thanks!

The original screenshot didn't show here, so for anyone else reading, who may well know much more about CSS & Safari than I :
changes to this - note the right edge
But with word-spacing un-checked in Inspector...

Fonts not rendered same on iPad and Mac, Safari

Hindi fonts are not rendered the same in Safari running on iMac and iPad.
Safari on iMac works much better for Hindi, It is similar to Firefox.
Firefox works best on both Mac and PC.
Can this be fixed?

Hindi has never been supported on the iphone or ipod touch, and it is also not supported on the iPad, which uses the same OS. Apple lists the supported languages in the tech specs for these products. There is no way to change these.
To tell Apple you want Hindi added, go here:
http://www.apple.com/feedback/ipad.html

Page not rendering in IE6

I just updated my site and I discovered that the page is not rendering in IE6 (and IE5.5, but I suppose no one uses that anymore).
All I can see is the red background color.
The link to the site is www.schudden.net.
Can anybody tell me why the page is not visible in IE6?

I use a transparant png for the footer.
I did not use any frames to construct my site, made this from a one column, fixed header and footer template in dreamweaver.
The previous site was visible in IE 6.
I actually made a whole new layout, but he content stayed the same.
When I validate in dreamweaver it gives me two errors in the css file:
Unsupported property: _position
Affects: Firefox 1.5, 2.0, 3.0; Internet Explorer 6.0, 7.0, 8.0b1; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0, 3.0
Unsupported value: 'fixed'
Affects: Internet Explorer 6.0, 7.0, 8.0b1; Internet Explorer for Macintosh 5.2
Perhaps this is causing the error, but I don't know how to resolve this.
There was also an error about the min-height I used. I deleted that option, but it did'n't help.
This is the source code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Schudden fansite</title>



<link href="../css/Noorderzon.css" rel="stylesheet" type="text/css" />

</head>
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
<h1> </h1>
</div>
<div id="mainContent">
<div id="nav"><a href="index.html" title="Home">Home</a> | <a href="nieuws.html" title="Nieuws">Nieuws</a> | <a href="../schudden.html" title="Schudden">Schudden</a> | <a href="../speellijst.html" title="Speellijst">Speellijst</a> | <a href="../media.html" title="Media">Media</a> | <a href="../links.html" title="Links">Links</a> | <a href="http://www.tboek.nl/tboek/index.php?name=schudden" title="Gastenboek" target="_blank">Gastenboek</a> | <a href="mailto:[email protected]" title="Contact">Contact</a> | <a href="../nieuwsbrief.html" title="Nieuwsbrief">Nieuwsbrief</a></div>
Contenttext</div>
<div id="footer">
<p> </p>
</div>
</div>
</body>
</html>
And this is the CSS code:
@charset "utf-8";
html, body {
height: 100%;
body {
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: #800000;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 100%;
body,td,th {
font-size: 9pt;
color: #333;
text-align: center;
/* Tips for Elastic layouts
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
#container {
text-align: center; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #800000;
top: 0px;
bottom: 0px;
padding: 0px;
width: 100%;
#header {
width: 960px;
padding-top: 0;
padding-bottom: 0;
height: 160px;
margin-right: auto;
margin-left: auto;
background-color: #DDDDDD;
background-image: url(../images/header.jpg);
#header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
#mainContent {
width: 960px;
margin-right: auto;
margin-left: auto;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
background-image: url(../images/mainbg.jpg);
line-height: 15pt;
.titlelink {
font-size: 16px;
font-weight: 500;
font-variant: small-caps;
color: #800000;
.alignleft {
text-align: left;
#nav {
text-align:center;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
font-weight:700;
padding-top:9px;
padding-bottom:10px;
text-decoration:none;
background-image: url(../images/mainbg.jpg);
background-repeat: repeat;
width: 960px;
#nav a {
background:#fff;
color:#000;
text-decoration:none;
#nav a:active {
background:#fff;
#nav a:hover {
background:#fff;
color:#000;
font-size:10pt;
padding-bottom:2px;
border-bottom-width: 3px;
border-bottom-style: dotted;
border-bottom-color: #800000;
a:link {
color: #000;
a:hover {
color: #000;
a:active {
color: #369;
a:visited {
font-style: normal;
color: #369;
#footer {
color:#FFF;
border: 0px solid orange;
position:fixed;
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
_position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
background-image: url(../images/bottom.png);
height: 100px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
.subtext {
font-size: 8pt;
color: #800000;
.tableheader {
font-weight: 700;
color: #FFF;
line-height: 30px;
text-transform: uppercase;
background-image: url(../images/tableheader.jpg);
padding-left: 10px;
table tr .tableheader {
text-align: left;
padding-left: 10px;
.tablecontent {
padding-left: 10px;
text-align: left;
.center {
text-align: center;
.justify {
text-align: justify;
.linkheader {
background-image: url(../images/linkheader3.jpg);
line-height: 30px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
#subnav {
text-align:center;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
font-weight:700;
padding-top:9px;
padding-bottom:10px;
text-decoration:none;
background-image: url(../images/mainbg.jpg);
background-repeat: repeat;
width: 960px;
I hope this helps
@pziecina : the validation errors are weird, because I have a doctype in my documents.
Could this be caused by the fact that I have domainname linked to an external site (I use the free space I got from my provider, and the domainname link is forwarded to this space). Because, when I validate the original index.html file (http://members.home.nl/justme4u/index.html) it only gives me two errors.

Server Side Includes not rendering correctly in Firefox with Layers

Hi
The server side includes are not correctly rendering with layers in firefox. From my site here:-
http://www.osteriastecca.com/index.php
the home_page.php content renders above a layer on the index.php page. Initially I thought this might be a Flash layer issue but the wmode is set correctly to transparent and it works fine with a normal ssi. It also works fine in Firefox without a server side include as you can see here:-
http://www.osteriastecca.com/index_old.php
Works fine in IE and Safari, but not Firefox.
How can this be rectified?
Regards
Glennyboy

What testing server setup do you have? Are you using something like WAMP?
What do you see on screen which tells you the SSIs are not rendering? Any error message?

Page not rendering correctly

I have a site I am going to that is not rendering properly, instead of seeing a standard page I see a list of links, followed by pictures. Kind of like you usually see on a "Site Map" page. I have contacted the webmaster and he says it does render properly on his safari. It does render properly for me in FF, so I figure it has to be something in my setup. I have disabled all extensions, enabled Java and JS, no go.
Here is what I am seeing on Safari (6.0.5):
Here is how it should render:
Thoughts?

Please read this whole message before doing anything.
This procedure is a test, not a solution. Don’t be disappointed when you find that nothing has changed after you complete it.
Step 1
The purpose of this step is to determine whether the problem is localized to your user account.
Enable guest logins* and log in as Guest. Don't use the Safari-only “Guest User” login created by “Find My Mac.”
While logged in as Guest, you won’t have access to any of your personal files or settings. Applications will behave as if you were running them for the first time. Don’t be alarmed by this; it’s normal. If you need any passwords or other personal data in order to complete the test, memorize, print, or write them down before you begin.
Test while logged in as Guest. Same problem?
After testing, log out of the guest account and, in your own account, disable it if you wish. Any files you created in the guest account will be deleted automatically when you log out of it.
*Note: If you’ve activated “Find My Mac” or FileVault, then you can’t enable the Guest account. The “Guest User” login created by “Find My Mac” is not the same. Create a new account in which to test, and delete it, including its home folder, after testing.
Step 2
The purpose of this step is to determine whether the problem is caused by third-party system modifications that load automatically at startup or login, or by a peripheral device.
Disconnect all wired peripherals except those needed for the test, and remove all aftermarket expansion cards. Boot in safe mode and log in to the account with the problem. Note: If FileVault is enabled, or if a firmware password is set, or if the boot volume is a software RAID, you can’t do this. Ask for further instructions.
Safe mode is much slower to boot and run than normal, and some things won’t work at all, including sound output and Wi-Fi on certain iMacs. The next normal boot may also be somewhat slow.
The login screen appears even if you usually log in automatically. You must know your login password in order to log in. If you’ve forgotten the password, you will need to reset it before you begin.
Test while in safe mode. Same problem?
After testing, reboot as usual (i.e., not in safe mode) and verify that you still have the problem. Post the results of steps 1 and 2.

PDF not rendering correctly

Hi
Can anyone help? I am using an iMac and have had a pdf emailed to me. When I login on to the site and select the PDF to view, it is not rendering correctly.
I am not a technical person but to me it appears to open as a series of code, letters, numbers and symbols.
Any ideas how to rectify this?
Is it Adobe related or can I update the settings for the browser? I am using Safari.
Thanks

what OS & Safari version ?
Often, removing any 'pdf' plugins in
/Library/Internet Plug-Ins/
and
~/Library/Internet Plug-Ins/
then restarting the browser will solve pdf display issues, although in this case, it sounds as if the site is telling Safari that these are text type files & it's attempting to display them accordingly.
Disabling plug-ins via Safari - Preferences - Security should also eliminate pdf plug-ins as a cause.

Safari Not working on certain web sites......

There are many sites where Safari does not work correctly.
A example is eBay.com and GoogleBase.com
Where you are trying to enter text in the "sell a item" window.
I have been told by these sites that I need to update to a newer version or Safari.
I am running Safari Version 2.0.4 (419.3) on a iMac G5 2.1Mhz OSX 10.4.8
When I Use Foxfire on these web sites I have NO problem entering text.
Why will Safari not work?
Is Safari to old?
Are the web sites to new?
Thanks
1.5GHz G4 PowerBook & 2.1 GHz G5 iMac Mac OS X (10.4.8)

Complying with security standards and complying with web design standards are two entirely different things.
Many web sites don't comply with web design standards - it's an unfortunate fact of life. In a very many cases, it's because the sites are designed to work with Windows Internet Explorer* with no attempt to make sure the web sites work with any other browsers or on any other platforms. Usually that doesn't result in the inability of a web browser to access the site properly, but in some cases it does.
*(In case anyone thinks Windows Internet Explorer should be the standard, this simply isn't realistic, despite possibly sounding sensible on the face of it. Web design standards are based on usability guidelines and and well-researched methods to make web page code more practical, streamlined, and able to be used on a variety of devices and by people with a variety of needs. They're not just a set of rules that can be changed on a whim to conform to a certain web browser's quirky way of rendering sites. Internet Explorer is notorious for not being compliant with agreed upon web standards. Internet Explorer is even inconsistent in how it renders web pages from one IE version to the next, complicating matters even further.)

Help! Images are not rendering in any browser!

When online, images are not rendering on any webpage. All other content is fine. Problem is across browsers, BUT, is limited to my user identity. When I create a new user and go online the problem id resolved. I do not want to lose all my user settings. Can anyone think of something I can do to troubleshoot this. Some file I may have deleted, some setting?

Hi all, I am facing the same problems:
Im using an UMTS card to connect to the internet.
On various pages, no pictures are shown. The reason is, that my mobile carrier is using proxies to compress the pictures. Same thing worked fine, before updating to snow leopard. Now the pictures can show up. Safari says, that the pictures were not found.
I tried the umts card on another computer, it worked fine, so t has to do with the update from Leo to Snow Leo....
I already deleted the .plist, but it didnt solve the issue.
Does anybody has an hint or solution??

Safari not rendering Verdana

Similar Messages

Maybe you are looking for