What is MIME type "text/x-less"?

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

text/x-less is a MIME type for files that contain LESS source code.

LESS is a dynamic stylesheet language that extends regular CSS. It introduces variables, nested rules, mixins, and functions, allowing for more efficient and maintainable web design.

Files labeled with this MIME type use code written in the LESS format. These files need to be compiled into plain CSS before a web browser can display them.

Streamlined styling: Enables modularity and reuse in design.
Dynamic features: Supports variables and operations for flexible styling.
Compilation process: Requires transforming LESS code into CSS using tools like Node.js-based compilers.

Learn more about MIME types and their role in the web ecosystem.

Associated file extensions

.less

Usage Examples

HTTP Header

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


    Content-Type: text/x-less

HTML

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


    <a href="file.dat" type="text/x-less">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', 'text/x-less');    
      res.end('Content here');    
    }).listen(3000);

Associated file extensions

.less

FAQs

Can web browsers render text/x-less files directly?

No, web browsers do not natively understand the text/x-less format. To display styles, you must either compile the LESS code into standard CSS before deployment or use a JavaScript library like less.js to parse the file client-side.

How do I configure Apache to serve LESS files correctly?

To serve files with the correct MIME type in Apache, add the following line to your .htaccess file or server configuration: AddType text/x-less .less. This ensures the server identifies the file content correctly to browsers and tools.

What is the difference between text/x-less and text/css?

text/x-less denotes source code with variables and mixins that must be processed, whereas text/css represents the final, standard stylesheet language browsers use for rendering. You can learn more about standard stylesheets at text/css.

How should I link a LESS file in my HTML for client-side processing?

If you are using less.js for development, use the link tag: <link rel="stylesheet/less" type="text/x-less" href="style.less" />. It is crucial to set the rel attribute to stylesheet/less so the JavaScript parser recognizes it.

How do I add text/x-less support to Nginx?

For Nginx, open your mime.types file (usually located in /etc/nginx/) and add text/x-less less; inside the types { ... } block. Reload Nginx to apply the changes.

Why am I seeing a 'Resource interpreted as Stylesheet but transferred with MIME type' error?

This usually means your web server is sending the .less file with a generic type like text/plain or text/html. You need to update your server configuration to associate the less extension with text/x-less.

Is text/less the same as text/x-less?

Yes, they are used interchangeably. text/x-less is the experimental/non-standard notation often used to avoid conflicts before standardization, while text/less is also widely recognized by compilers and the less.js library.

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.