[BATIK-1159] Batik does not support the "local" keyword in @font-face

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: 1.7
• Component/s: CSS
• Environment: OS X Yosemite
• Assignee: Unassigned
• Reporter: Shane
• Created: 08/Sep/16 07:11
• Updated: 08/Sep/16 07:11

Description

I have a CSS stylesheet containing markup of the form,

@font-face {
  font-family: "body";
  src: local("DejaVu Sans"),
    url("data:application/x-font-otf;base64,datadatadatadatadatadata");
}

When I open this in Batik Squiggle (version 1.7), I get the following error message:

SVG Error:

The following stylesheet represents an invalid
CSS document.
@font-face { ... }

Original message:
The "src" property does not support function values.

If I remove the local("DejaVu Sans"), Batik behaves and renders the font from the data URI. Support for the local keyword is required by the CSS spec:

The notation for a <font-face-name> is the full font name, which must be quoted since it may contain any character, including spaces and punctuation, and also must be enclosed in "local(" and ")".

This bug prevents Batik from being able to render most modern @font-family declaration blocks. Font distributors like Google and FontSquirrel both have a local included by default.

There are a number of issues around the internet with other people running into this problem, like this one.