[Techtalk] Setting browser fonts makes buttons disappear

Miriam English mim at miriam-english.org
Mon Jan 5 02:00:15 UTC 2015


The rosettaicons font can be downloaded from github at:
https://github.com/biwek/twitter-fe/raw/master/public/fonts/rosetta-icons-Regular.ttf

It doesn't show up in any of my applications as "rosettaicons" -- its 
internal name is actually "icomoon", and this is the name it lists as in 
applications.

But this still doesn't help if the browser is prevented from using 
custom fonts. How annoying. I hate it when web designers try to force 
their will on the user. Especially for something as stupid as a ">" 
character or similar.

Strangely, the character now displays in my applications... weird.

Even stranger, I'm pretty sure it wasn't in my other fonts when I looked 
before, but now it is there. I wonder if the font manager on Linux 
caches characters and supplies them when it encounters fonts that are 
missing them. If that's so, then my finding arrow characters in lots of 
other fonts may be wrong.

Does this happen for anyone else?



On 05/01/15 09:43, Kathryn Hogg wrote:
> The html in question is
>
> <span class="Icon Icon--caretRight"></span>
>
> The important css is
>
> .Icon--caretRight:before {
>      content: "";
> }
>
> .Icon:before {
>      font-family: "rosettaicons";
> }
>
>

-- 
If you don't have any failures then you're not trying hard enough.
  - Dr. Charles Elachi, director of NASA's Jet Propulsion Laboratory
-----
Website: http://miriam-english.org
Blogs:   http://miriam-e.dreamwidth.org
          http://miriam-e.livejournal.com




More information about the Techtalk mailing list