Talk:SVG fonts

From Meta, a Wikimedia project coordination wiki
Jump to: navigation, search

Pretty please?[edit]

This is a great page . . . but . . . would it be possible for some dedicated soul to set (to use old-fashioned hot metal terminology) each of the typefaces on the page in that typeface? :s The point size would just have to be so that the style was clear, at least in general. There is the svg image but it's of quite low quality and only shows a few of the 120 typefaces listed. I think it would be fantastic to have a visually accurate list of GNU typefaces that could be used anywhere. I need an alternative to Arial Bold and only realised that this copyright thing was what was causing the problem I was having with my graphics. It's hard to figure out which of the 120 typefaces is closest. LookingGlass 16:18, 29 May 2008 (UTC)


Do any of these fonts cover Arabic? AnonMoos 16:31, 10 October 2007 (UTC)

"DejaVu Sans" and "DejaVu Sans Mono" cover almost all Arabic script languages (I think Pashto isn't well supported though). --Khaled Hosny 12:04, 18 April 2008 (UTC)
Thanks; Arabic script support has improved, but there still seem to be some issues (see etc.) AnonMoos 12:28, 10 May 2008 (UTC)
I think the font you used has smaller glyph widths than the dejavu font, thus the later got out of the boundaries. --Khaled Hosny 16:51, 10 May 2008 (UTC)


Is there any mechanism by which a substitution table can be used? For example, "Helvetica" to "Nimbus Sans L", "Palatino" or "Book Antiqua" to "URW Palladio L" Random832 14:59, 29 October 2007 (UTC)

If the SVG renderer uses fontconfig, then something similar is indeed possible. But this needs to be done across all redering servers. --Kjoonlee 12:30, 12 April 2008 (UTC)


Can the Liberation font family be added? This is a set of free (GPL + exception) fonts published by Red Hat that are metrically equivalent to common non-free fonts (e.g. Arial, etc.). Superm401 | Talk 03:40, 30 November 2007 (UTC)

Actually, Nimbus Sans L and Nimbus Roman No9 L are already more than metrically equivalent; they're virtually identical. IMHO font substitution would be wiser. 12:28, 12 April 2008 (UTC)
Oops that was me. --Kjoonlee 12:29, 12 April 2008 (UTC)

Is there a common/always working Font?[edit]

Testing locally on a Windows system with Inkscape I seem to be in serious trouble: I can't find any font working with Inkscape/Commons/Opera. The fonts Inkscape offers to me (a long list) seems to have no counterpart in Commons (another long list). The suggestion here (just use 'sans') would satisfy me ... but Inkscape on Windows doesn't give me that option. What am I missing? Thanks for any hint - Deerwood 07:14, 7 June 2008 (UTC)

Bitstream Vera Sans seems to work, I overlooked that one (and Opera didn't show it initially, but does after a reload), I still have to test it on Commons. Sorry for any hassles - Deerwood 05:20, 9 June 2008 (UTC)

More CJK fonts?[edit]

Is it possible to get more CJK fonts installed? The current CJK fonts are quite limiting. We only have 2 or 3 different fonts per language. The Japanese fonts (Kochi fonts) are not professionally made, the strokes are not spaced evenly. The Chinese fonts (AR PL fonts) seems to be designed for 90's low res computers, they turn bitmap-like at medium sizes that's not actual small. I tend to use the Korean fonts when possible because they are quite professionally made and more legible, but it is not always usable in Chinese/Japanese because missing characters not used in Korean, character variations, and punctuation differences. --Voidvector 21:19, 28 August 2008 (UTC)

New fonts[edit]

Meta SVG fonts 2008.svg

As noted in Bug 8898, today two additional font packages (as I understand it) have been added. I have included them in a new version of the showcase file on the right, but would like it if someone else would take a look before including it on the page - preferably someone with knowledge of the indic languages, since the script samples were done by copy+paste from the Wiki-pages. I surely hope I got them right. --Hk kng 18:38, 14 October 2008 (UTC)

Um, was this supposed to screw up font rendering in any way? Compare the images below: (1) uploaded before installation of new packages, (2) uploaded a few minutes ago. What's going on here? Fvasconcellos 15:42, 15 October 2008 (UTC)

Font rendering comparison.png

Could you give links to the uploaded files? What I have seen on my home (Ubuntu) system is that font substitution will differ: text attributed as "Arial" for example was previously rendered with Nimbus Sans L, whereas after the installation of Liberation Sans this was used instead. but without a look at your source code, this is only a speculation. --Hk kng 18:32, 15 October 2008 (UTC)
They're Image:Moxifloxacin skeletal.svg and Image:Ciprofloxacin.svg. The font is indeed specified as Arial in both—should I start using font-family:Nimbus Sans L from now on, or maybe specify a font stack? I don't suppose font substitution can be changed so Nimbus Sans "trumps" Liberation Sans? Liberation may be metrically equivalent to Arial and Helvetica, but as a Helvetica clone (or an improved version of Helvetica, actually), Nimbus is much more appropriate as a free/libre substitute for either. Fvasconcellos 00:53, 16 October 2008 (UTC)
Should I file a patch request? I don't mean to sound self-serving in any way, but I've uploaded nearly two thousand SVG images to Commons, nearly all of which depend on appropriate font substitution and accurate rendering. Can I expect anything to be done about this? :) Fvasconcellos 20:07, 17 October 2008 (UTC)
Definitely, I'd say. If you look at Tim starling's reaction to Bug 15994, it does not seem he is too concerned about fontconfig issues. Well, considering how many problems there are with the servers at this point, it is at least understandable. --Hk kng 19:14, 18 October 2008 (UTC)

AR PL UMing (Chinese font set) cannot be rendered[edit]


I have tested several available (traditional) Chinese fonts and discovered that the SVG file applied the AR PL UMing isn't rendered in Wiki at all. (Update latency or file corruption isn't possible because I have changed to other fonts and re-uploaded it and it rendered well under the same image name.) I don't opt the other fonts because neither Serif (Mingti/UMing) nor calligraphic (UKai) fonts is suitable for small station name notation in a route map. But some of the important Chinese characters is absent in the old Sans (KaitiM) font. Making the remaining choice to be AR PL UMing set. Please help check if the AR PL UMing set installed correctly or something else causes the error. This is a long term problem with SVG Chinese font in Wiki. Thx -- (User:Sameboat in commons, en, zh) 01:11, 2 November 2008 (UTC)


Could the Gentium font be considered for the next upgrade? It's a free (ais) font that supports many alphabets, very elegant and aesthetic, and it's available in pretty much any linux distro. es:Drini 16:49, 11 February 2009 (UTC)


According to contributors should think of using Verdana in SVG diagrams. But this font isn't listed here, and there's no explanation of why such a common web font is not available. Any hints? --HYanWong 17:11, 11 February 2009 (UTC)

Verdana isn't a free font. It's Microsoft owned. Therefore it's English Wikipedia manual of style which should be fixed. es:Drini 00:57, 25 February 2009 (UTC)
The list at Wikipedia:Manual_of_Style_(diagrams)#Fonts is a list of web-safe_fonts. The list here is a list of free fonts. Kaldari 16:04, 28 July 2009 (UTC)

Complete font test[edit]

I added an image testing all of the fonts in MediaWiki's SVG engine. I know the image is huge but this page isn't accessed very often and I think it's more useful than a simple list (because most of these are not professional or well-known typeface names). There are a few errors because I generated the SVG semi-automatically, so feel free to correct anything or let me know.

Also, the non-Latin-alphabet fonts need type samples in their respective scripts, so if anyone can help with that please let me know. —Dease 02:38, 28 March 2009 (UTC)

"Recommended replacements" section needed[edit]

I'm thinking it would be a good idea to add a section to this page indicating recommended replacements for proprietary fonts. For example:

  • Times New Roman: Recommended replacement is DejaVu Serif, which is typographically very similar and has extensive Unicode support.
  • Arial: Recommended replacement is DejaVu Sans, which is typographically very similar and has extensive Unicode support.
  • Courier New: Recommended replacement is ???
  • etc.

Everyone okay with me adding this? Moxfyre 22:42, 15 April 2009 (UTC)

Kochi font has a problem[edit]

Actually, Kochi font is not a free software font now. I think it should be uninstalled from the site. Instead of this, I think Ume font (梅フォント) is good for installing.--Widehawk 22:44, 2 May 2009 (UTC)

Indic Bengali Font[edit]

Is it possiblr to add the SolaimanLipi.ttf (welknown good looking Bengali font) for Bengali.Jayantanth 10:36, 6 June 2009 (UTC)

When will SVG font rendering become broadly usable?[edit]

I uploaded an extremely basic and simple SVG file at Commons:File:Simple inverse relationship chart.svg which included a little bit of basic text in the "Times New Roman" font at a fairly large size, and the rendered result result in the full size view (660 × 584 pixels) was a little crude and not really properly anti-aliased (but legible), while the text in the thumbnail (180px wide) view was barely legible at all. I substituted the "DejaVu Serif" font as suggested above, and the full-size view was better (though still not great), but the thumbnail view was complete gibberish (a few random horizontal lines). To get the text to display legibly in thumbnail view in this ultra-simplistic bare-bones minimalistic SVG file, I had to convert text to vector paths (which resulting in increasing the size of the file about 50-fold).

When is the SVG text rendering of standard basic fonts going to be broadly usable over a range of resolutions (display sizes)? I have about a half-a-dozen PNG graphics which are actually derived from a vector source, but which I haven't uploaded as SVG because of the nightmare of dealing with text (since those graphics have long texts in multiple fonts, not just a few brief monosyllabic words all in the same font). AnonMoos 02:20, 9 June 2009 (UTC)

I'm wondering the same thing. Is there at least a sandbox of sorts somewhere so that we can test the rendering of various fonts/sizes/scalings without making a mess somewhere else? 0x30114 17:22, 25 August 2009 (UTC)
You can preview at ... -- AnonMoos 07:39, 3 May 2011 (UTC)

I was unaware of the font problem until I uploaded a map I'd worked on in Inkscape. As luck would have it, I used Bitstream Vera sans because I happen to like it for on-screen maps. This is supposed to be free and supported. For good measure, I downloaded the latest version just to be sure. Result: useless. Text has moved out of position all over the place. Some sizes and styles have changed. No use for a map, where the position and size of things are of the essence. I'm happy to export it into PNG and upload that, but it's then far less revisable by anyone else working on the same topic, as well as being a good deal larger file size.Sjwells53 18:16, 3 February 2010 (UTC)

There are a lot of fonts that don't scale like the path would... I think some of the bugs have already been fixed and it got better, but it is still very vexing. I would opt for reducing the amounts of fonts offered by removing fonts that trigger scaling bugs right now. Something like 10 sans-serif and 10 serif fonts (plus perhaps 30 "special" fonts?? Not sure if those are very useful for an encyclopedia anyway) should be more than enough. Having more fonts is nice in general, but not if one has 500 fonts out of which 20 are scaled properly.
The only trick with this is to identify the fonts that create the least problems - not all problems seem to be caused by the same bug. I thought for a while that the Khmer OS font was causing few renderer-scaling problems, but then I ran into a bunch...
If you look at the thumb presented for File:MediaWiki_SVG_fonts.svg (i.e. [1]) and its large equivalent (e.g. something like [2], one can already identify fonts that are problematic with scaling.
While I feel a little sad as everyones choice will become smaller, I think it would overall give a better experience for all SVG uploaders (whein I think about it now, it might also give wikipedia images/articles a bit more of a uniform look) Iridos 11:46, 8 July 2011 (UTC)

Non-supported font with fewest problems[edit]

I echo the suggestions at Talk:SVG fonts#When will SVG font rendering become broadly usable? and Talk:SVG fonts#"Recommended replacements" section needed.

I cannot find a single supported font in Inkscape 0.46, so I also propose a short list of non-supported fonts that have the least problems when rendered on Wikimedia sites. Maybe a link to a list of fonts that work, whether they are free or not?

I had been using Arial for some simple text images (listed above as having a recommended replacement of DejaVu Sans, but my Inkscape does not have that either). Arial on wikimedia sites get the last one or two characters trimmed off at some sizes. I suppose a font that renders smaller than it should would be preferable to one that overflows its bounding box. -84user 21:39, 18 October 2009 (UTC)

You can download Deja Sans at or the links from en:DejaVu_fonts and install it on your system so that Inkscape knows about it. That's not actually the main problem... AnonMoos 17:27, 7 January 2010 (UTC)

Which scripts do these fonts primarily target?[edit]

I think it would be a good idea to add a column indicating the scripts that the supported fonts primarily target. --seav 07:04, 28 January 2010 (UTC)

Absolutely agree! It's very confusing, and less serviceable, otherwise. yoyo (talk) 02:16, 17 March 2013 (UTC)

Non-Scalable fonts[edit]

Font such as "Times" that are not scalable can cause all kinds of rendering oddities. Could we identify all of the non-vector fonts and add a warning to better not use them? --Chire 10:57, 14 May 2010 (UTC)

Hm, I just wrote above... how about removing fonts that lead to rendering problems? I don't see the point of offering fonts that are rendered/scaled incorrectly and only lead to bad results. Iridos 11:51, 8 July 2011 (UTC)
Yes I would agree, some fonts are really not usable (Times, Helvetica ...) --Perhelion 10:32, 29 August 2011 (UTC)

Linux Libertine[edit]

Can we add Linux Libertine, it is the new font for creating the Wikipedia wordmark.--Svgalbertian 16:03, 11 June 2010 (UTC)

Sans rendering issues[edit]

Hi. I'm not picky about font in my images, so I've been using the Inkscape default "Sans" for all of my work. Unfortunately, it seems to render particularly badly on the commons, which has been causing me some problems. Firefox, chrome, and of course Inkscape seem to do a much better job, at least in the sense that the text occupies approximately the same amount of space in all of them. Does anyone know if there is are plans to change the way wikipedia renders Sans? Mcstrother 03:38, 7 April 2011 (UTC)

Nevermind, I fixed the problem by just changing all my fonts to Liberation Sans, which approximates Arial, Inkscape's default "Sans" font on windows. Mcstrother 15:14, 3 May 2011 (UTC)
But Sans is not really a common (generic) font-family!? I found another reason for this (Bug), if you specific the font-family in single quote the render has a problem (do particularly badly).[3] (Or the renderer makes something different, my example 'Bitstream Vera Sans' is different to Bitstream Vera Sans) --Perhelion 14:39, 17 May 2011 (UTC)
There is no different in latin letters between Bitstream Vera Sans and DejaVu Sans and Sans. --Perhelion 15:09, 17 May 2011 (UTC)

Nazli font[edit]

would you please update Nazli font and other farsi web fonts because it is updated in official site . now it has problem with لا specially in pdf export gadget bug reports:


Reza1615 13:37, 16 August 2011 (UTC)

Liberation Sans Narrow and other equivalent of common fonts[edit]

Please add support for Liberation Sans Narrow, a metrically equivalent to Arial Narrow (better then Nimbus Sans L Condensed). Automatic Substitution would be wonderful: e.g. Arial Narrow interpreted as Liberation Sans Narrow.

I would also like if metrically equivalents/substitutions of other common fonts would be supported: Verdana, Trebuchet MS, Georgia, Comic Sans MS, Impact, Arial Black, Tahoma, Palatino. Alternatively a "Recommended replacements" section.

Please consider also suport for Linux Libertine, Linux Biolinum and Gentium, all installed and supported actually with LibreOffice.

ChrisR -- 20:46, 7 November 2011 (UTC)

DejaVu Condensed?[edit]

It seams "DejaVu Sans Condensed" and "DejaVu Serif Condensed" don't exist anymore, or it is a temporary bug?--Perhelion (talk) 18:44, 17 March 2012 (UTC)

I've got the same problem, it seems it isn't temporary bug. Is there anything I can do about this? Should I remove these fonts from the list? --Jembezmamy (talk) 10:08, 2 March 2013 (UTC)
The same with "Nimbus Sans L Condensed"!? -- Perhelion (talk) 09:41, 4 May 2013 (UTC)

TeX fonts[edit]

What are the fonts which are used by TeX \mathit, mathbb, \mathbf, \mathcal etc. ? Are they available with SVG ? Can thay be downloaded freely from somewhere ? -- Nomen4Omen (talk) 18:31, 18 April 2012 (UTC)

Answer to last question is probably; try this Google search... AnonMoos (talk) 14:28, 9 May 2012 (UTC)

New free fonts for Wikimedia's PNG renderer[edit]

Is there an ability to add ParaType family of fonts – PT Sans, PT Sans Caption (a wider version for the smallest font sizes), PT Sans Narrow, PT Serif and PT Serif Caption? They are all released under SIL Open Font License. Ain92 (talk) 17:03, 11 September 2012 (UTC)

Liberation Sans[edit]


after the text in all my SVG-pictures was displaced, I downloaded the font "Liberation Sans" and used it to avoid this problem. But still: If I upload an image, the text is completely displaced in Commons (eg this one). So can sby help me: What's the problem? I use Adobe Illustrator on Windows. Thanks and greetings Allrounder (talk) 14:14, 8 December 2012 (UTC)

The problem is caused by the file specifying the font-family as 'LiberationSans-Regular' instead of 'Liberation Sans'.
If Adobe Illustrator won't easily correct the font-family, you could use a text editor (such as Notepad) to search-and-replace each occurrence.
Instead of specifying a single font, you should also add some fallback fonts (Arial is very similar and is available on every Windows and Apple computer even if Liberation Sans is not installed; and sans-serif is a suitable default font if none of the installed fonts match). Each computer will then display the first font in the list which matches the name of one installed on it.
So replace
* font-family="'LiberationSans-Regular'"
with something like:
* font-family="'Liberation Sans','LiberationSans-Regular',Arial,sans-serif"
Note that Arial does not need an apostrophe because it is a single word, and sans-serif does not need an apostrophe because it is a CSS standard fallback name. I've included 'LiberationSans-Regular' as the second item on the list in case Windows computers such as yours do not recognise the more conventional form 'Liberation Sans' (not sure whether Illustrator would understand that it is the same font as the one that it calls 'LiberationSans-Regular').
Richardguk (talk) 15:52, 8 December 2012 (UTC)
Thank you very much! But tbh I don't really know, how to change the font-family in Illustrator. If I click on File > File Information > RAW-Data I can see "<stFnt:fontFamily>LiberationSans Regular</stFnt:fontFamily>", but it is not possible to change it... The only way I know to change fonts is to use the toolbox and click on a font ^^. Also Arial isn't installed on Wiki-Servers, is it? Because in the beginning I used Arial and it didn't work either. Thanks a lot though and greetings Allrounder (talk) 21:05, 8 December 2012 (UTC)
I see from commons:Commons:Forum#Displaced text that McZusatz has now uploaded a revised version of File:Political System of the United States.svg with the above changes made.
I don't know about Illustrator, but one way to edit SVG files is to open them in a text editor. For example, in Windows, if you run Notepad, you can then open the SVG file, search-and-replace or edit the text manually, then save the file as text. (If you cannot find the file, temporarily rename it with ".txt" at the end instead of ".svg", then after you have saved the changes in Notepad rename it back to ".svg" at the end before you upload it.)
Arial is not available on the server because it is not an open-source font, so you need to include an available font such as Liberation Sans in the font-family list for it to display properly in Wikipedia articles. But the sizing is similar so Arial makes a good fallback option for computers rendering the SVG file where Liberation Sans is unavailable.
Richardguk (talk) 23:00, 8 December 2012 (UTC)
Here is really not the place to talk about SVG basics or Illustrator basics. There are enough other places to discuss about this, which are already exactly done. -- Perhelion (talk) 03:18, 9 December 2012 (UTC)

Section 'Another Complete list' has no uppercase 'U'[edit]

The section 'Another Complete list' shows examples typically containing the full Latin alphabet, both upper- and lower-case, but for some reason has no uppercase 'U'. I expect this is a simple typo, and would have edited the text to replace 'STVW' by 'STUVW' globally in that section. However, it's not text, but an SVG image, which I can't edit at the moment. If anybody else has a suitable SVG editor and a few spare moments, please feel free to amend the displayed text. yoyo (talk) 02:26, 17 March 2013 (UTC)

Yes check.svg Done But Ubuntu is also left. -- Perhelion (talk) 08:36, 4 May 2013 (UTC)

Japanese Kochi Gothic isn't different from Kochi Mincho[edit]

I recently updated file:MediaWiki SVG fonts.svg to show the actual Japanese text (kanji, katakana and hiragana) of these Japanese fonts. Although the Western characters differ as Gothic to be sans-serif and Mincho serif, the actual Japanese text isn't different. I checked the SVG-PNG render in 500px, 860px (native) and 2000px widths, but they still look the same. The funny thing is that the 2 fonts differ correctly when rendered by Jarry1250's SVG Check. If you are using Windows XP or higher you should be able to notice the difference between these 2 types of Japanese font: Mincho (serif) ~日本語あえいおうアエイオウ / Gothic (sans-serif) ~日本語あえいおうアエイオウ. -- Sameboat (talk) 16:19, 16 April 2014 (UTC)

That font isn't currently on our servers (Hopefully that will be fixed soon. See the bug. Note that the font "Takao Mincho" and "Takao Gothic" is available). On Jarry's SVG check, the toolserver is configured to use DejaVu serif and DejaVu sans for Kochi Mincho and Kochi Gothic respectively. However WMF servers appear to currently be configured to use DejaVu Sans for both Kochi fonts. Bawolff (talk) 19:58, 16 April 2014 (UTC)