What is MIME type "application/x-font-ttf"?

A MIME type is a string that tells browsers and other tools how to handle a particular kind of file.

application/x-font-ttf is the type used for TrueType fonts. These files store data that describes each glyph with vector outlines.
They let fonts appear smooth at any size. The outlines help the font scale without losing clarity.

Main use: Rendering clear text in applications and on websites.
It is employed by operating systems to show consistent typography.
Developers use it in CSS with @font-face to load custom fonts.

Files using this MIME type are often found with formats like TTF and TTC.
More details can be found at MDN Web Docs.

Associated file extensions

.ttf, .ttc

Usage Examples

HTTP Header

When serving content with this MIME type, set the Content-Type header:


    Content-Type: application/x-font-ttf

HTML

In HTML, you can specify the MIME type in various elements:


    <a href="file.dat" type="application/x-font-ttf">Download file</a>

Server-side (Node.js)

Setting the Content-Type header in Node.js:


    const http = require('http');    
    
    http.createServer((req, res) => {    
      res.setHeader('Content-Type', 'application/x-font-ttf');    
      res.end('Content here');    
    }).listen(3000);

Associated file extensions

.ttf, .ttc

FAQs

Is application/x-font-ttf the standard MIME type for TrueType fonts?

Not officially, though it is widely used. The Internet Assigned Numbers Authority (IANA) standardized font/ttf as the correct media type, but many servers and older browsers still recognize and use application/x-font-ttf for backward compatibility.

How do I configure Apache to serve TTF files correctly?

You can add the MIME type directive to your .htaccess file or main configuration. Add the line AddType application/x-font-ttf .ttf to ensure the server sends the correct header for TTF files.

How do I add support for this MIME type in Nginx?

Update your mime.types file or the types block in your nginx.conf. Add the line application/x-font-ttf ttf; (or font/ttf ttf; if you prefer the modern standard) and reload Nginx.

Should I use TTF or WOFF for web development?

You should prioritize WOFF and WOFF2 for the web. While application/x-font-ttf works in most browsers, WOFF formats offer significantly better compression and faster load times. TTF is usually included only as a fallback for very old browsers.

Why am I getting a CORS error when loading a TTF font?

Browsers enforce strict Cross-Origin Resource Sharing (CORS) rules for web fonts. If your font is hosted on a CDN or a different domain, your server must send the Access-Control-Allow-Origin header, or the browser will block the application/x-font-ttf resource.

How do I use a TTF file in CSS?

Use the @font-face rule to define the font source. The syntax is src: url('fontname.ttf') format('truetype');. Note that the CSS format string is usually 'truetype', regardless of the specific MIME type sent by the server.

What is the difference between .ttf and .ttc files?

A TTF file contains a single font face, whereas a TTC is a TrueType Collection containing multiple fonts in one file. Both may use the application/x-font-ttf MIME type, but web support for TTC files is much more limited than for standard TTF files.

General FAQ

What is a MIME type?

A MIME (Multipurpose Internet Mail Extensions) type is a standard that indicates the nature and format of a document, file, or assortment of bytes. MIME types are defined and standardized in IETF's RFC 6838.

MIME types are important because they help browsers and servers understand how to process a file. When a browser receives a file from a server, it uses the MIME type to determine how to display or handle the content, whether it's an image to display, a PDF to open in a viewer, or a video to play.

MIME types consist of a type and a subtype, separated by a slash (e.g., text/html, image/jpeg, application/pdf). Some MIME types also include optional parameters.

How do I find the MIME type for a file?

You can check the file extension or use a file identification tool such as file --mime-type on the command line. Many programming languages also provide libraries to detect MIME types.

Why are multiple MIME types listed for one extension?

Different applications and historical conventions may use alternative MIME identifiers for the same kind of file. Showing them all helps ensure compatibility across systems.