Deprecated
This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Avoid using it and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The fontsize()
method creates a <font>
HTML element that causes a string to be displayed in the specified font size.
Usage note: The <font> element has been removed in HTML5 and shouldn't be used anymore. Instead web developers should use CSS properties.
Syntax
str.fontsize(size)
Parameters
size
- An integer between 1 and 7, a string representing a signed integer between 1 and 7.
Return value
A string containing a <font>
HTML element.
Description
When you specify size as an integer, you set the font size of str
to one of the 7 defined sizes. When you specify size
as a string such as "-2", you adjust the font size of str
relative to the size set in the <basefont>
tag.
Examples
Using fontsize()
The following example uses string methods to change the size of a string:
var worldString = 'Hello, world'; console.log(worldString.small()); // <small>Hello, world</small> console.log(worldString.big()); // <big>Hello, world</big> console.log(worldString.fontsize(7)); // <font size="7">Hello, world</fontsize>
With the element.style
object you can get the element's style
attribute and manipulate it more generically, for example:
document.getElementById('yourElemId').style.fontSize = '0.7em';
Specifications
Specification | Status | Comment |
---|---|---|
ECMAScript 2015 (6th Edition, ECMA-262) The definition of 'String.prototype.fontsize' in that specification. |
Standard | Initial definition. Implemented in JavaScript 1.0. Defined in the (normative) Annex B for Additional ECMAScript Features for Web Browsers. |
ECMAScript Latest Draft (ECMA-262) The definition of 'String.prototype.fontsize' in that specification. |
Draft | Defined in the (normative) Annex B for Additional ECMAScript Features for Web Browsers. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Firefox | Edge | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |