Currently I'm generating text using this font server-side, but I've been told Vista and Windows 7 come with this font pre-installed.
True or no?
Not true.
For a list of fonts supplied by default with Windows see this page:
Fonts supplied with Windows 7
Fonts supplied with Windows Vista
Or the general fonts overview page.
Windows Vista Fonts
Windows 7 Fonts
Related
I know we could define #fontface to download web-font. However, this could be problematic especially for chinese fonts due to its large size.
Yet in modern system, it's likely that it already installed some pre-set fonts. For example, a Windows might already installed fonts like SimHei, SimSun, NSimSun, FangSong, KaiTi, a Mac might installed fonts like Hiragino Sans GB, STHeiti Light, STHeiti, STKaiti.
So is it possible for a web-app to know what font this system had installed?
Take a look here it was the closed I could find (it may not be performant):
list every font a user's browser can display
Goodluck
I've just seen a very strange issue on a website (http://www.paintnsign.com.au) that I haven't seen since the site was launched over a year ago. It was previously tested across multiple OSs and browsers and all the fonts rendered correctly.
The site is using a (self hosted) web font (Carnivalee Freakshow) which was converted from a TTF to a web font 'kit' using Font Squirrel's Web Font Kit Generator Font2Web's Web Font generator.
What I'm seeing now is that, even though the correct font is being loaded, the letters are all swapped like a cipher. For example on the Bespoke Signwriting page, the main heading should read: "MODERN, ARTISTIC, TRADITIONAL & HANDWRITTEN BESPOKE SIGNWRITING" however, it is rendering "OQFGTP,CTVKUVKE, VTCFKVKQOCN, & JCPFYTKVVGP DGURQMG UKIPYTKVKPI". The underlying generated HTML contains the correct markup:
<h2>Modern, Artistic, Traditional & Handwritten Bespoke Signwriting</h2>
What's strange is that it is occurring only on all browsers on OSX (Mountain Lion 10.9.5 & El Capitan 10.11.2) and iOS 9.2 (iPad & iPhone). Everything renders correctly on my Android tablets & phones and also on Chrome on Windows (run in VMWare Fusion). I ran tests in browsershots.org (Firefox on Linux, Windows & OSX) and the font renders correctly in the screenshots. Incidentally the same issue arises whether I test the site on the production server or on a local dev machine.
This is what I'm seeing across numerous devices at the moment:
The other web fonts used on the site (hosted at fonts.com) render correctly.
So is anyone else seeing the heading font render incorrectly? Any ideas why this might be happening? Is it only OSX / iOS?
UPDATE:
So it appears that the original font kit used (generated via Fonts2Web) had some issues - certain files had the characters all shifted. When I switched it for a FontSquirrel generated kit, everything was back to normal.
So I guess the questions now are, why was it rendering properly on some versions OSX and not others? Has something happened in the last 12 months or so on iOS / OSX to change the preference of font file loaded? Why was it working on other OSs e.g. Android and Windows and also on BrowserShots?
I cannot get Font Awesome to work on any of my three Windows 10 machines. All my computers have been updated from 8.1. I don't know when it stopped working, here is what I do know:
Symptoms:
The font does not show. When double-clicked and opened with default Windows font viewer, it shows a default Arial-like typeface instead of slab serif Font Awesome
After installation, when browsed with Character Map - it again displays some kind of system-default font (and none of the icons)
Opened in Adobe programs it shows all alphanumeric characters and icons as blank square outlines.
So far I have tried:
Removing any and all font awesome files from the system and installing the font again
Installing just OTF, just TTF as well as both
Restarting, rebooting, system cleanup
Downloading older versions of the font
I am new to StackOverlow, so can't post images. Links below:
Double-clicking FontAwesome.otf file
Attempting to view in Character Map
EDIT: I had a friend with Windows 8.1 try it -- same problem!
One practical way is to convert .otf format to .ttf using Fontlab.
The solution is discussed here.
Font Awesome 5 is known to work on Windows 10. Here are instructions to install for Desktop Use. We recommend that you use the OTF files for desktop applications, because they support ligatures (i.e. type the icon name and the icon glyph appears).
I currently only have macs for development. My site looks good in the Chrome, safari and firefox but not in IE 8. Normally I'd say too bad, use a proper browser, but that is probably not going to work with my user base. Are there ways to emulate IE 8 on the mac?
BTW if somebody wants to have a look: here is the site.
In IE 8 only the 1 first column is displayed. In chrome or firefox I don't see any warnings, apart from some javascript warnings which I fixed locally (but not on world wide web yet).
Install VirtualBox (it's free and good) or another virtualizer (VMWare, Parallels)
Convert and use one of these Microsoft VirtualPC VHDs
Test
The only way I know to do this is to run Windows with a program like Parallels and use IE that way.
I would recommend running Windows 7 and IE 9. IE 9 is not only a competent web browser, it can render pages as IE 7 or IE 8 by using the included developer tools.
Use VirtualBox or VMware with a VM from Microsoft: https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/
"Test Microsoft Edge (EdgeHTML) and versions of IE8 through IE11 using free virtual machines you download and manage locally."
Old answer from 2012:
There is CrossOver (proprietary $51). It "allows many Windows-based applications to run on Mac OS X using a compatibility layer". It is based on Wine.
It works OK (JavaScript + Flash). They provide automatic installation for Internet Explorer 6 and 7.
For Internet Explorer 8 one more step is required to get what they call a CrossTie.
You can also try WineBootler (free and based on Wine too) but it does not work very well (no JavaScript support).
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.