ما هو WOFF؟ شرح تنسيق الخط المفتوح على الويب

WOFF (تنسيق الخط المفتوح على الويب) هو خط ويب موحد من W3C يقوم بضغط خطوط TrueType/OpenType لتسليم أسرع. تعرف على كيفية عمل WOFF واستخداماته.

أداة تحويل ملفات مجانية عبر الإنترنت. تعمل على Chrome وFirefox وSafari وEdge وOpera والمتصفحات الحديثة الأخرى على Windows وmacOS وLinux وAndroid وiOS. لا حاجة لتثبيت برامج أو تسجيل. تتم جميع التحويلات مباشرة في متصفحك، لذا لا تغادر ملفاتك جهازك. مجانية للاستخدام بدون حساب.

Font

ما هو WOFF؟ شرح تنسيق الخط المفتوح على الويب

تنسيق خط ويب من W3C يقوم بتغليف وضغط خطوط TrueType أو OpenType.

آخر تحديث:

Year2012
TypeWeb font wrapper
UsageWeb fonts (@font-face)

What is it?

WOFF (Web Open Font Format) is a font packaging format designed for use on the web and published as a W3C Recommendation in December 2012. It is essentially a compressed wrapper around existing SFNT-based fonts such as TrueType and OpenType.

A WOFF file contains the same font tables as the original TTF or OTF, but compressed (using zlib) and accompanied by optional metadata. Browsers decompress the font and use it via CSS @font-face, reducing download size compared with raw TTF/OTF files.

Technical Specifications

DeveloperW3C (based on work by Mozilla and others)
File Extension.woff
MIME Typefont/woff
Released2012 (W3C Recommendation)
TypeCompressed web font wrapper (SFNT-based)

Pros & Cons

Advantages

تنزيلات أصغر

WOFF compresses font tables with zlib, typically reducing TrueType file sizes by 40% or more for faster page loads.

دعم واسع للمتصفحات

All major browsers support WOFF, making it a safe baseline web font format.

يحافظ على بيانات الخط

WOFF wraps the original SFNT tables losslessly, so the font's outlines and features are fully retained.

دعم البيانات الوصفية

The format can embed licensing and provenance metadata alongside the font.

Disadvantages

تم استبداله بـ WOFF2

WOFF2 offers significantly better compression, so WOFF is now mostly a fallback for older browsers.

غرض خاص بالويب فقط

WOFF is intended for web delivery and is not used as a desktop or print font format.

عبء فك الضغط

Browsers must decompress the font before use, a minor cost compared with raw SFNT files.

When to Use It

WOFF is used to deliver custom fonts efficiently on websites.

خطوط الويب @font-face في CSS

WOFF is referenced in stylesheets to serve branded typefaces to site visitors.

دعم المتصفحات القديمة

Sites provide WOFF alongside WOFF2 so older browsers that lack WOFF2 still render custom fonts.

خدمات استضافة الخطوط

Web font providers deliver WOFF to ensure wide compatibility across browsers.

How to open a WOFF file

Software for working with WOFF files generally falls into four categories: professional design tools, free or open-source applications, web-based browser tools, and built-in system utilities. Professional tools are suited for designers and developers who require extensive features and high fidelity, while free and open-source options cater to those with budget constraints. Browser tools are ideal for quick tasks without installation, and built-in utilities are convenient for basic needs.

When choosing software for WOFF specifically, important factors include feature fidelity, whether you need editing capabilities or just viewing, cost, platform compatibility, and export options. If you need to manipulate font files extensively, a professional tool is preferable, while simple viewing might be handled by a browser tool. Additionally, consider whether converting to other formats is necessary for your workflow.

FontForge 2023

Windows, macOS, LinuxFree (GPL)

FontForge is an open-source font editor that supports WOFF files among many other formats. It allows users to create, edit, and convert fonts, providing a high level of fidelity and control over font design.

الميزات الرئيسية
  • Full font editing capabilities
  • Support for multiple font formats
  • Advanced kerning and hinting tools
  • Batch conversion to various formats
نقاط القوة
  • Comprehensive editing features for WOFF
  • Free and open-source with community support
  • Cross-platform compatibility
القيود
  • Steeper learning curve for beginners
  • Interface may feel outdated

يصدّر إلى: TTF, OTF, SVG, WOFF2

الأفضل لـ: FontForge is ideal for users needing extensive editing and conversion capabilities for WOFF files.

زيارة FontForge →

Transfonter 2023

All (browser)Free / Paid

Transfonter is a web-based tool designed for converting fonts to web formats, including WOFF. It allows users to upload font files and generate WOFF files quickly, making it suitable for web developers.

الميزات الرئيسية
  • Upload multiple font formats
  • Generate WOFF and WOFF2 files
  • CSS generation for web use
  • Customization of font subsets
نقاط القوة
  • User-friendly interface for quick conversions
  • No installation required, works in any browser
  • CSS integration for easy web use
القيود
  • Limited editing capabilities
  • Dependent on internet connection

يصدّر إلى: WOFF, WOFF2, TTF, EOT

الأفضل لـ: Transfonter is perfect for web developers needing a quick and easy way to convert fonts to WOFF.

زيارة Transfonter →

Glyphs 3.0

macOSOne-time $299

Glyphs is a professional font creation tool that supports WOFF files, allowing designers to create and edit fonts with precision. It offers a rich set of features for font design and export.

الميزات الرئيسية
  • Intuitive interface for font design
  • Support for variable fonts
  • Extensive OpenType feature support
  • Export to multiple font formats
نقاط القوة
  • High-quality font design tools
  • Excellent support for OpenType features
  • Active community and resources
القيود
  • High cost may deter casual users
  • macOS only limits accessibility

يصدّر إلى: TTF, OTF, WOFF, WOFF2

الأفضل لـ: Glyphs is best for professional font designers looking for advanced features and high-quality output for WOFF.

زيارة Glyphs →

Web Font Generator 2023

All (browser)Free

Web Font Generator is a straightforward online tool that converts font files into web-compatible formats, including WOFF. It is designed for quick and easy font conversion for web use.

الميزات الرئيسية
  • Drag-and-drop file upload
  • Generate WOFF and WOFF2 formats
  • Basic font customization options
  • Downloadable CSS for web integration
نقاط القوة
  • Simple and fast conversion process
  • No software installation needed
  • Free to use with no hidden fees
القيود
  • Limited editing features
  • Basic customization options only

يصدّر إلى: WOFF, WOFF2, TTF, EOT

الأفضل لـ: Web Font Generator is ideal for users needing a quick and easy solution for converting fonts to WOFF without installation.

زيارة Web Font Generator →

Convert WOFF Files Free

Use our free online converter to convert WOFF and other formats - no signup, no watermarks.

Try Font Converter Free

References

  1. WOFF File Format 1.0 - W3C
  2. Web Open Font Format - Wikipedia
  3. WOFF and WOFF2 font formats - MDN Web Docs
  4. font/woff media type - IANA