All font families look the same in Firefox - css

The fonts in all websites look the same, despite them being different in preferences. I also have the "Allow pages to choose their own fonts, instead of your selections above" box ticked.
For instance, https://en.wikipedia.org/wiki/Font_family_(HTML) looks like this for me.
Any ideas? Many thanks.

As the article text and table both state: what is displayed depends on what font files are installed through your computer's operating system (or in Web pages, installed as links to web font files).

Related

How do I change the font embeddability?

I want to change the embeddability of a font I purchased online, the current embeddability is "print and preview" but I want to make it "editable".
How do I change it?
You need to talk to the developer of the font from whom you licensed it to see if they are willing to give you a license with different embedding permissions.

Font Picker select box with previews

I have an online logo maker tool, and I want to give users the option to choose a font from a selection of about 100 free web fonts I have collected.
The best way to do this would be in a form select box, where each font was displayed as an option in the select, see example:
Unfortunately there doesn't seem to be any way to achieve this using CSS, so I have been looking at 3rd party plugins.
I found a very nice script by Bootstrap Form Helper which lets you display a select box of the user's device fonts, and one which displays a selection of Google Web Fonts as a select box, but neither of these quite fit my purpose. (The fonts are not on the users device, or hosted by Google).
I want to do exactly the same thing, but with a list of ".ttf" files from my server, for example:
[
"Alakob" : "http://www.example.com/fonts/Alakob.ttf",
"Baron Neue" : "http://www.example.com/fonts/Baron-Neue.ttf",
"Casper" : "http://www.example.com/fonts/Casper.ttf",
"Damion" : "http://www.example.com/fonts/Damion-Regular.ttf",
...
]
Does anyone know if either of these scripts could be amended to display a list of font files I provide as a JSON or XML feed, rather than the fonts on the user's device, or from Google font?
Many thanks for reading!

Is it possible to always load a custom style sheet for a certain website in Chrome?

I'm reading the guide/documentation for Android at http://developer.android.com/guide/components/loaders.html on Google Chrome on Windows.
I have made certain changes with Chrome Developer Tools like
Changed body background to grey
Changed monospaced font from courier new to consolas
for easier reading. For some reason this site doesn't obey Chrome font setting rules, even though other sites do. So I have to manually go in and change the monospace font from courier new to consolas.
But these changes go away as soon as the page is reloaded. Is it possible to make these changes permanent ?
You can handle the settings > Show Advanced Settings> Web Content> Customize fonts. I am on mac but there should be something equivalent to pc. Also, to run your own css, just use any extension from the web store. One of the many is Style Chooser

IE8 doesn't display embedded web fonts -- on any site

From what I understand, IE 8 should display embedded fonts, however my version substitutes generic fonts -- not just for my code, but on other sites, even when the CSS is properly IE-hacked (for example, this sample displays all the IE-hacked properties for me (shadows, etc.), except for the embedded font).
I'm wondering if there is a setting in IE8 that would cause this? I'm on a heavily locked-down work computer (this is why I'm using IE8), so that may have something to do with it, though I'm not sure why this would affect font-face specifically.
Any help would be greatly appreciated!
From http://msdn.microsoft.com/en-us/library/ms533034(v=vs.85).aspx
On the View menu, click Options and then click the Security tab.
Select Custom and click Settings.
Scroll to the Downloads section.
Change the Font Download setting from Disable to Enable.

How to fix fonts in Xcode4

I do not know why, but soon after fresh installation of Xcode4 my fonts became broken.
Here is an image showing how does it look like. Seems that anti-aliasing is turned off. How can I fix it?
Like most settings, Xcode's fonts are controlled in its Preferences window. Choose Preferences... from the Xcode application menu. Click the appropriately-titled Fonts & Colors panel. Select one, some, or all of the fonts in the list and click the (T) button in the Font chooser field and choose whatever fonts and sizes you wish.
Keep in mind, the Turn Off Font Smoothing option in OS X's General System Preferences panel, if cranked up to, say, 10-12 pixels, might cause the behavior you're seeing at the default font size.

Resources