How to change the courier new font that is used by IE8 developer tools, on Windows 2003 server to Consolas? Consolas is the default font while running IE8 on Winodws Vista/7.
Unfortunately the font used in the script debugger can't be changed and is built in.
Related
since some weeks ago my chrome is rendering bad the google font "open sans", about firefox, it was rendering it bad always,
it is rendering bad in all websites with open sans, and with any weight or size.
I have read something about change chrome://flags/#enable-direct-write but I have not that option
I have cleaned cache,
I have a screnshot showing how it looks in my screen and below how it should look like,
That screenshot was taken from here: http://104.236.102.187/htmls/open/open.html
currently the version of chrome is 52,
windows 8.1 pro
64bits
Thanks
I tested in latest Windows 10 (64-bit) on latest Firefox 48 and Chrome 52, and do not see like the screenshots above. And the Dev Tools shows Open Sans being loaded.
Have you also tried including the various font styles? Since your missing them from your CSS stylesheet href on your <link>.
It should be something like this so Google knows what font styles to deliver
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic" />
Google Web Font page has like 10 font styles for Open Sans
https://fonts.google.com/specimen/Open+Sans?query=open+sans
Look and see if the various font styles appear, if they do not it could be your graphics card or some kind of Windows 8 bug causing that kind of rendering.
UPDATE
Also check if ClearType is affecting the text in your browser. Try enabling and disabling it and see if you see a difference. In windows search for Adjust ClearType Text.
https://www.microsoft.com/typography/cleartype/tuner/tune.aspx
I have attached the image for what I am facing right now, there is a lot of difference between firefox for windows and firefox for mac, I have checked other browsers so far, Mac Firefox, Mac Chrome, and Windows chrome are showing the same results, but the firefox on windows is having different font.
I also have included the text properties by inspecting element via firebug.
Any idea why firefox for windows is having different font rendering? and How I can improve it. This issue breaks the whole layout for complex forms.
What I have heard, is that Firefox under Mac uses different font algorithms.
Try the following
html, body {
-moz-osx-font-smoothing: grayscale;
}
They are different browsers on different operating systems. Difference in font rendering is inevitable, and there's nothing much you can do about it.
I am unable to fix this, so my safe exit was using Arial Font. Verdana Font size 9 is like 10/20 and Arial is like 18/20 where first number is FF Windows and later number is Chrome Window
Is Segoe UI font built into the browser? If my visitors are viewing from Mac, will it work properly or do I have to set the CSS url for that? My designer says it will work only when we set the URL, however I removed the
#font-face
{
font-family: "Segoe UI";
src: url("fonts/Segoe UI.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
and it still works atleast on Windows 7. I don't have Mac though, to test.
The Segoe UI font is not built into a browser. It is shipped with some Microsoft software. On a Mac, it is most probably not available, though a user might have acquired it separately or as part of some software package.
You should remove the #font-face rule and the font files uploaded onto a server. Segoe UI is protected by copyright, and it must not be used as a web font without permission from the copyright holder, Microsoft (which probably won’t give a permission).
You will need some other strategy, such as using another font either as the basic font or as a fallback font for visitors who don’t have Segoe UI in their systems. The Google font Open Sans is rather similar to Segoe UI, and it’s free (and it comes in 10 styles, including Book, Normal, Semi-Bold, Bold, and Extra-Bold weight).
It will work on any computer with Office 2007, 2010, Vista or 7:
The Segoe UI font family can be obtained as part of Microsoft Office 2007, Microsoft Office 2010, Windows Vista or Windows 7.
Will also work on XP if the user has downloaded a Windows Live package:
Segoe UI is installed into Windows XP if the user installs Windows Live Messenger, or Windows Live Mail
Source
For any computer that doesn't have the above, you will need to declare it with a #font-face
I would like to add, that web-fonts (google fonts) are nowadays already a data-protection problem with EU-laws (as google safes some personal info), but the real problem with them is, that they cause time-lag on loading (0.6 seconds) and also cause a layout-shift (CLS) then.
I used web-fonts for 10 years. Now I go back to some pre-installed fonts...
Yes.
You may also want to provide the font in OTF as well.
You can find a list of available formats to provide the font in here: http://www.w3.org/TR/css3-webfonts/#font-reference
You can find a converter to turn TTF into the varieties of web fonts here: http://www.font2web.com/
My screen looks good in IE8 under Windows XP. But when I open it in IE8 under Windows Server 2003, all text is more bold than in XP. I can apply styles to it, for example change font-weight in css, but in that case font weight changes under Windows XP too and in any case my screen looks differ.
This is likely to be related to the available fonts on the computer rather than the browser.
Check what font the text is trying to use, and what fonts are installed on both machines. If there's any missing one one machine you could install them, or just set the stylesheet to use a font that is available on both machines.
If you're only worried about those particular machines running IE8 (ie if it's a site on your own internal intranet) then that should be enough.
However if you're expecting the page to be viewed externally, bear in mind that an exact pixel-perfect match is no possible across all browsers and operating systems. For example, if a Mac user opens your page, they certainly won't have Ariel and Tahoma fonts installed. The browser will try to pick the closest match it has, but it will look different. There's no real way around that. Even changing the screen resolution will affect how your fonts look.
Since FixedSys won't display in Chrome or Safari I make it switch to Lucida Console. It works for Chrome but for Safari I run into an issue. Unless Lucida Console is by itself, it WILL be to the font I said. If not -- then it won't work.
Have a look at this picture:
I don't know what font the first Hello world! is but it's weird. It's weird because the default font on my Safari is Times New Roman. I have checked. Also, it's not in conflict with any other style because I have tried it by itself and the problem persists.
font-family's fallback feature works based on installed fonts: if you have FixedSys installed, Safari will attempt to use it. You mentioned that FixedSys "won't work" in Chrome or Safari: it could be that it's interpreting FixedSys incorrectly or that your FixedSys is corrupt.
As Safari 4.0 final was released in 2009, and the current stable release of Safari is 5, it's very likely that there was a problem in Safari 4 beta's font rendering code.
If you have a font installed, there's no way in browsers that support CSS correctly (Safari, Chrome, Firefox, later versions of IE) to say "fallback to the next font even if you see that I have the first font installed". Instead, you'll either need to resolve your issues with FixedSys (that is, upgrade to a stable version of Safari to see if it fixes it) or remove it from the font-family list.
A few other notes:
Lucida Console is not installed on most Macs, so if you're trying to be cross-platform, you need to provide a fallback (like monospace).
The CSS spec requires multi-word fonts to be enclosed with quotation marks. Your CSS should look like: font-size: FixedSys, "Lucida Console"
Does it work if you include quotes around "Lucida Console"?