Search completed in 0.91 seconds.
SVG documentation index - SVG: Scalable Vector Graphics
38 cap-height deprecated, svg, svg attribute the cap-height attribute defines the height of uppercase
glyphs of the font within the font coordinate system.
... 82 font-stretch needsexample, svg, svg attribute the font-stretch attribute indicates the desired amount of condensing or expansion in the
glyphs used to render the text.
... 84 font-variant svg, svg attribute the font-variant attribute indicates whether the text is to be rendered using variations of the fontʼs
glyphs.
...And 20 more matches
OpenType font features guide - CSS: Cascading Style Sheets
font features or variants refer to different
glyphs or character styles contained within an opentype font.
... these include things like ligatures (special
glyphs that combine characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of others.
... in addition to broad feature sets like ligatures or lining figures (numerals that line up evenly as opposed to 'oldstyle', which look more like lower-case letters), there are also very specific ones such as stylistic sets (which might include several specific variants of
glyphs meant to be used together), alternates (which might be one or more variants of the letter 'a'), or even language-specific alterations for east asian languages.
...And 9 more matches
font-variant-caps - CSS: Cascading Style Sheets
the font-variant-caps css property controls the use of alternate
glyphs for capital letters.
... when a given font includes capital letter
glyphs of multiple different sizes, this property selects the most appropriate ones.
... if petite capital
glyphs are not available, they are rendered using small capital
glyphs.
...And 7 more matches
font-variant-position - CSS: Cascading Style Sheets
the font-variant-position css property controls the use of alternate, smaller
glyphs that are positioned as superscript or subscript.
... the
glyphs are positioned relative to the baseline of the font, which remains unchanged.
... these
glyphs are typically used in <sub> and <sup> elements.
...And 7 more matches
dx - SVG: Scalable Vector Graphics
seven elements are using this attribute: <altglyph>, <fedropshadow>, <feoffset>, <glyphref>, <text>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- lines materialized the position of the
glyphs --> <line x1="0" x2="100%" y1="50%" y2="50%" /> <line x1="10%" x2="10%" y1="0" y2="100%" /> <line x1="60%" x2="60%" y1="0" y2="100%" /> <!-- some reference text --> <text x="10%" y="50%" fill="grey">svg</text> <!-- the same text with a shift along the x-axis --> <text dx="50%" x="10%" y="50%">svg</text> </svg> line { stroke: red; stroke-width: .5px; stroke-dasharray: 3px; } altglyph warning: as of ...
...if there are less values than
glyphs, the remaining
glyphs use a value of 0.
... if there are more values than
glyphs, extra values are ignored.
...And 7 more matches
Fonts for Mozilla 2.0's MathML engine
some mathematical operators are also drawn by using
glyphs for larger variants of the character (e.g.
... summation symbol) or by assembling
glyphs for a few pieces of the character (e.g braces).
... these variant or part
glyphs do not in general have unicode assignments, and so font-specific support is required for some characters.
...And 5 more matches
Fundamental text and font styling - Learn web development
full-width: transforms all
glyphs to be written inside a fixed-width square, similar to a monospace font, allowing aligning of e.g.
... latin characters along with asian language
glyphs (like chinese, japanese, korean).
... font-variant-alternates: control the use of alternate
glyphs for a given font-face.
...And 4 more matches
font-family - CSS: Cascading Style Sheets
the following keywords are defined: serif
glyphs have finishing strokes, flared or tapering ends, or have actual serifed endings.
... sans-serif
glyphs have stroke endings that are plain.
... monospace all
glyphs have the same fixed width.
...And 4 more matches
font-variant-alternates - CSS: Cascading Style Sheets
the font-variant-alternates css property controls the usage of alternate
glyphs.
... these alternate
glyphs may be referenced by alternative names defined in @font-feature-values.
... values normal this keyword deactivates alternate
glyphs.
...And 4 more matches
font-language-override - CSS: Cascading Style Sheets
the font-language-override css property controls the use of language-specific
glyphs in a typeface.
... /* keyword value */ font-language-override: normal; /* <string> values */ font-language-override: "eng"; /* use english
glyphs */ font-language-override: "trk"; /* use turkish
glyphs */ /* global values */ font-language-override: initial; font-language-override: inherit; font-language-override: unset; by default, html's lang attribute tells browsers to display
glyphs designed specifically for that language.
...for instance, if a typeface doesn't have proper rules for the azeri language, you can force the font to use turkish
glyphs, which follow similar rules.
...And 3 more matches
SVG fonts - SVG: Scalable Vector Graphics
glyph --></glyph> <glyph unicode="@"><!-- outline of @ glyph --></glyph> <!-- more
glyphs --> </font> we start with the <font> element.
...the horiz-adv-x attribute determines how wide a character is on average compared to the path definitions of the single
glyphs.
...all following attributes are rendering instructions for the font layout engine, for example, how much of the
glyphs' overall heights are ascenders.
...And 3 more matches
font-variant-east-asian - CSS: Cascading Style Sheets
the font-variant-east-asian css property controls the use of alternate
glyphs for east asian scripts, like japanese and chinese.
...sian: full-width; /* <east-asian-width-values> */ font-variant-east-asian: proportional-width; /* <east-asian-width-values> */ font-variant-east-asian: ruby full-width jis83; /* global values */ font-variant-east-asian: inherit; font-variant-east-asian: initial; font-variant-east-asian: unset; syntax values normal this keyword leads to the deactivation of the use of such alternate
glyphs.
... ruby this keyword forces the use of special
glyphs for ruby characters.
...possible values are: keyword standard defining the
glyphs opentype equivalent jis78 jis x 0208:1978 jp78 jis83 jis x 0208:1983 jp83 jis90 jis x 0208:1990 jp90 jis04 jis x 0213:2004 jp04 simplified none, use the simplified chinese
glyphs smpl traditional none, use the traditional chinese
glyphs trad <east-asian-width-values> these values control the si...
font-variant-numeric - CSS: Cascading Style Sheets
the font-variant-numeric css property controls the usage of alternate
glyphs for numbers, fractions, and ordinal markers.
... values normal this keyword leads to the deactivation of the use of such alternate
glyphs.
... ordinal this keyword forces the use of special
glyphs for the ordinal markers, like 1st, 2nd, 3rd, 4th in english or a 1a in italian.
... <numeric-fraction-values> these values controls the
glyphs used to display fractions.
g1 - SVG: Scalable Vector Graphics
the g1 attribute specifies a list of glyph names which identify a set of possible first
glyphs in the kerning pair.
... all
glyphs with the given glyph name are included in the set.
... the total set of possible first
glyphs in the kerning pair is the union of
glyphs specified by the u1 and g1 attributes.
... two elements are using this attribute: <hkern> and <vkern> context notes value <name># default value none animatable no <name># this value indicates a comma-separated sequence of glyph names (i.e., values that match glyph-name attributes on <glyph> elements) which identify a set of possible first
glyphs in the kerning pair.
g2 - SVG: Scalable Vector Graphics
the g2 attribute specifies a list of glyph names which identify a set of possible second
glyphs in the kerning pair.
... all
glyphs with the given glyph name are included in the set.
... the total set of possible second
glyphs in the kerning pair is the union of
glyphs specified by the u2 and g2 attributes.
... two elements are using this attribute: <hkern> and <vkern> context notes value <name># default value none animatable no <name># this value indicates a comma-separated sequence of glyph names (i.e., values that match glyph-name attributes on <glyph> elements) which identify a set of possible second
glyphs in the kerning pair.
u1 - SVG: Scalable Vector Graphics
the u1 attribute specifies list of unicode characters (refer to the description of the unicode attribute of the <glyph> element for a description of how to express individual unicode characters) and/or ranges of unicode characters, which identify a set of possible first
glyphs in a kerning pair.
... if a given unicode character within the set has multiple corresponding <glyph> elements (i.e., there are multiple <glyph> elements with the same unicode attribute value but different glyph-name values), then all such
glyphs are included in the set.
...the total set of possible first
glyphs in the kerning pair is the union of
glyphs specified by the u1 and g1 attributes.
... two elements are using this attribute: <hkern> and <vkern> context notes value [ <character> | <urange> ]# default value none animatable no [ <character> | <urange> ]# this value indicates a comma-separated sequence of unicode characters and/or ranges of unicode characters, which identify a set of possible first
glyphs in a kerning pair.
u2 - SVG: Scalable Vector Graphics
the u2 attribute specifies list of unicode characters (refer to the description of the unicode attribute of the <glyph> element for a description of how to express individual unicode characters) and/or ranges of unicode characters, which identify a set of possible second
glyphs in a kerning pair.
... if a given unicode character within the set has multiple corresponding <glyph> elements (i.e., there are multiple <glyph> elements with the same unicode attribute value but different glyph-name values), then all such
glyphs are included in the set.
...the total set of possible second
glyphs in the kerning pair is the union of
glyphs specified by the u2 and g2 attributes.
... two elements are using this attribute: <hkern> and <vkern> context notes value [ <character> | <urange> ]# default value none animatable no [ <character> | <urange> ]# this value indicates a comma-separated sequence of unicode characters and/or ranges of unicode characters, which identify a set of possible second
glyphs in a kerning pair.
SVGTextContentElement - Web APIs
lengthadjust_spacingand
glyphs 2 the spacingand
glyphs keyword.
...note that this method only accounts for the widths of the
glyphs in the substring and any extra spacing inserted by the css 'letter-spacing' and 'word-spacing' properties.
...because the relationship between characters and
glyphs is not one-to-one, only the first character of the relevant typographic character is returned svgtextcontentelement.selectsubstring() selects text within the element.
dy - SVG: Scalable Vector Graphics
seven elements utilize this attribute: <altglyph>, <fedropshadow>, <feoffset>, <glyphref>, <text>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- lines materialized the position of the
glyphs --> <line x1="10%" x2="10%" y1="0" y2="100%" /> <line x1="0" x2="100%" y1="30%" y2="30%" /> <line x1="0" x2="100%" y1="80%" y2="80%" /> <!-- some reference text --> <text x="10%" y="30%" fill="grey">svg</text> <!-- the same text with a shift along the y-axis --> <text dy="50%" x="10%" y="30%">svg</text> </svg> line { stroke: red; stroke-width: .5px; stroke-dasharray: 3px; } altglyph warning: as o...
... value <number> default value 0 animatable yes text for <text>, if it contains a single value, dy defines a shift along the y-axis for all
glyphs.
... for <tref>, if it contains a single value, dy defines a shift along the y-axis for all
glyphs.
lengthAdjust - SVG: Scalable Vector Graphics
</text> <text x="0" y="50" textlength="300" lengthadjust="spacingand
glyphs"> stretched using spacing and
glyphs.
... </text> <text x="0" y="110" textlength="100" lengthadjust="spacingand
glyphs"> shrunk using spacing and
glyphs.
... </text> </g> </svg> usage notes value spacing | spacingand
glyphs default value spacing animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'lengthadjust' in that specification.
<textPath> - SVG: Scalable Vector Graphics
value type: <url> ; default value: none; animatable: yes lengthadjust where length adjustment should be applied to the text: the space between
glyphs, or both the space and the
glyphs themselves.
... value type: spacing|spacingand
glyphs; default value: spacing; animatable: yes method which method to render individual
glyphs along the path.
... value type: left|right ; default value: left; animatable: yes spacing how space between
glyphs should be handled.
CSS3 - Archive of obsolete content
the choice of language-specific
glyphs via the css font-language-override property.
... the choice of
glyphs with specific opentype features via the css font-feature-settings property.
mozITXTToHTMLConv
k
glyphsubstitution unsigned long enables conversion of smilies and non-ascii special characters.
... warning: don't use the k
glyphsubstitution conversion type with this method, as doing so generates html that is non-standard.
Index - Web APIs
musical symbols) or even alternate
glyphs such as asian text strings it is required that a different set of
glyphs be used than the normal given character data.
... 3837 svgtextpositioningelement api, needsexample, reference, svg, svg dom the svgtextpositioningelement interface is implemented by elements that support attributes that position individual text
glyphs.
font-style - CSS: Cascading Style Sheets
inition related at-rule@font-faceinitial valuenormalcomputed valueas specified formal syntax normal | italic | oblique <angle>{0,2} examples specifying an italic font style as an example, consider the garamond font family, in its normal form, we get the following result: @font-face { font-family: garamond; src: url('garamond.ttf'); } the italicized version of this text uses the same
glyphs present in the unstyled version, but they are artificially sloped by a few degrees.
...true italics use different
glyphs and are a bit different from their upright counterparts, having some unique features and generally have a rounded and calligraphic quality.
CSS Fonts - CSS: Cascading Style Sheets
opentype font features guide font features or variants refer to different
glyphs or character styles contained within an opentype font.
... these include things like ligatures (special
glyphs that combine characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of others.
font-optical-sizing - CSS: Cascading Style Sheets
syntax /* keyword values */ font-optical-sizing: none; font-optical-sizing: auto; /* default */ /* global values */ font-optical-sizing: inherit; font-optical-sizing: initial; font-optical-sizing: unset; values none the browser will not modify the shape of
glyphs for optimal viewing.
... auto the browser will modify the shape of
glyphs for optimal viewing.
writing-mode - CSS: Cascading Style Sheets
all the
glyphs, even those in vertical scripts, are set sideways toward the right.
...all the
glyphs, even those in vertical scripts, are set sideways toward the left.
hanging - SVG: Scalable Vector Graphics
the hanging attribute indicates the alignment coordinate for
glyphs to achieve hanging baseline alignment for horizontally oriented glyph layouts.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs.
ideographic - SVG: Scalable Vector Graphics
the ideographic attribute indicates the alignment coordinate for
glyphs to achieve ideographic baseline alignment for horizontally oriented glyph layouts.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs.
k - SVG: Scalable Vector Graphics
the k attribute specifies the amount for decreasing the spacing between the two
glyphs in a kerning pair.
... two elements are using this attribute: <hkern> and <vkern> context notes value <number> default value none animatable no <number> this value indicates the amount for decreasing the spacing between the two
glyphs in the kerning pair.
kerning - SVG: Scalable Vector Graphics
the kerning attribute indicates whether the spacing between
glyphs should be adjusted based on kerning tables that are included in the relevant font (i.e., enable auto-kerning) or instead disable auto-kerning and set the spacing between them to a specific length (typically, zero).
...serif; } <svg viewbox="0 0 150 125" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="30" kerning="auto">auto</text> <text x="10" y="70" kerning="0">number</text> <text x="10" y="110" kerning="20px">length</text> </svg> usage notes value auto | <length> default value auto animatable yes auto this value indicates that the spacing between
glyphs is adjusted based on kerning tables that are included in the font that will be used.
mathematical - SVG: Scalable Vector Graphics
the mathematical attribute indicates the alignment coordinate for
glyphs to achieve mathematical baseline alignment for horizontally oriented glyph layouts.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs.
path - SVG: Scalable Vector Graphics
textpath for <textpath>, path defines the path onto which the
glyphs of a <text> element will be rendered.
... value <path-data> default value path specified in href animatable yes <path-data> this value defines the text path along which the
glyphs of the <text> element are aligned.
unicode-range - SVG: Scalable Vector Graphics
the unicode-range attribute defines the range of iso 10646 characters possibly covered by the
glyphs in a font.
... only one element is using this attribute: <font-face> usage notes value <urange># default value none animatable no <urange># this value is a comma-separated list of iso 10646 characters possibly covered by the
glyphs in the font.
v-hanging - SVG: Scalable Vector Graphics
the v-hanging attribute indicates the alignment coordinate for
glyphs to achieve hanging baseline alignment.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs to achieve hanging baseline alignment.
v-ideographic - SVG: Scalable Vector Graphics
the v-ideographic attribute indicates the alignment coordinate for
glyphs to achieve ideographic baseline alignment for vertically oriented glyph layouts.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs.
v-mathematical - SVG: Scalable Vector Graphics
the v-mathematical attribute indicates the alignment coordinate for
glyphs to achieve mathematical baseline alignment for vertically oriented glyph layouts.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the alignment coordinate for the
glyphs.
x-height - SVG: Scalable Vector Graphics
the x-height attribute indicates the height of lowercase
glyphs in the font within the font coordinate system.
... only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no <number> this value indicates the height of lowercase
glyphs.
xlink:href - SVG: Scalable Vector Graphics
if the reference is to an <altglyphdef> element, then if an appropriate set of alternate
glyphs is located from processing the <altglyphdef> element, then those alternate
glyphs are rendered instead of the characters that are inside of the <altglyph> element.
... value <iri> default value none animatable no textpath for <textpath>, xlink:href defines a reference to the <path> element onto which the
glyphs will be rendered.
<altGlyph> - SVG: Scalable Vector Graphics
the <altglyph> svg element allows sophisticated selection of the
glyphs used to render its child character data.
... if the reference is to an <altglyphdef> element, then if an appropriate set of alternate
glyphs is located from processing the <altglyphdef> element, then those alternate
glyphs are rendered instead of the character(s) that are inside of the <altglyph> element.
<text> - SVG: Scalable Vector Graphics
can rotate
glyphs individually.
... value type: spacing|spacingand
glyphs; default value: spacing; animatable: yes textlength a width that the text should be scaled to fit.
<tspan> - SVG: Scalable Vector Graphics
can rotate
glyphs individually.
... value type: spacing|spacingand
glyphs; default value: spacing; animatable: yes textlength a width that the text should be scaled to fit.
Fonts for Mozilla's MathML engine
advanced setup arabic mathematical alphabetic symbols currently, very few fonts have appropriate
glyphs for the arabic mathematical alphabetic symbols.
Mozilla Web Developer FAQ
the past practice of displaying non-latin text by assigning non-latin
glyphs to latin code points breaks copying and pasting, breaks searching on the page, breaks indexing by search engines and breaks readability in browsers that do not support downloadable fonts (e.g.
SVGAltGlyphElement - Web APIs
musical symbols) or even alternate
glyphs such as asian text strings it is required that a different set of
glyphs be used than the normal given character data.
CSS Overflow - CSS: Cascading Style Sheets
this is the overflow of painting effects which do not affect layout or otherwise extend the scrollable overflow region, such as box shadows, border images, text decoration, overhanging
glyphs, outlines, etc.
font-feature-settings - CSS: Cascading Style Sheets
examples enabling various font features /* use small-cap alternate
glyphs */ .smallcaps { font-feature-settings: "smcp" on; } /* convert both upper and lowercase to small caps (affects punctuation also) */ .allsmallcaps { font-feature-settings: "c2sc", "smcp"; } /* use zeros with a slash through them to differentiate from "o" */ .nicezero { font-feature-settings: "zero"; } /* enable historical forms */ .hist { font-feature-settings: "hist"; } /* disable common lig...
font-style - CSS: Cascading Style Sheets
when the specified style is not available, both italic and oblique faces are simulated by artificially sloping the
glyphs of the regular face (use font-synthesis to control this behavior).
direction - SVG: Scalable Vector Graphics
it applies only to
glyphs oriented perpendicular to the inline-base direction, which includes the usual case of horizontally-oriented latin or arabic text and the case of narrow-cell latin or arabic characters rotated 90 degrees clockwise relative to a top-to-bottom inline-base direction.
glyph-name - SVG: Scalable Vector Graphics
the glyph names can be used in situations where unicode character numbers do not provide sufficient information to access the correct glyph, such as when there are multiple
glyphs per unicode character.
Texts - SVG: Scalable Vector Graphics
it is meant to allow the rendering engine to fine-tune the positions of the
glyphs when its own measured text length doesn't meet the one provided here.