Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ibm/plex-sans-thai

Package Overview
Dependencies
Maintainers
0
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ibm/plex-sans-thai

The package of IBM’s typeface, IBM Plex Sans Thai

  • 1.0.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
90
decreased by-82.46%
Maintainers
0
Weekly downloads
 
Created
Source

IBM Plex® Sans Thai

Plex

Add the IBM Plex Sans Thai typeface to your device

Please download the latest zip files from our releases page for installation.

Web usage

This project contains the following for web development:

  • IBM Plex .woff2 and .woff files split into performant subsets of glyphs
  • Cascading style sheet (CSS) code to reference any weight, variant and split
  • Sass (SCSS) modules for more granular configuration and control of output css

We only include .woff2 and .woff files due to NPM package size limitation.

Installation with Node.js®:

npm install @ibm/plex-sans-thai

Manually installing the files for web development can be done by downloading the latest web zip from our releases page.

Developers using the CSS files should keep the directory structure as is, so the font files will be found. If you’re importing the SCSS files, you can set the path of the font files by declaring $font-prefix: 'font-path-prefix' inside the @use. For example:

@use '@ibm/plex-sans-thai/scss' as PlexSansThai with (
  $font-prefix: 'font-path'
);

@include PlexSansThai.all();

Font weights

We provide two ways of importing weights into your project. Using PlexSansThai.all() will import all available weights and PlexSansThai.default() will import only light, regular and semibold weight. You can also disable unwanted weights inside the @use. For example:

// Disable weights
@use '@ibm/plex-sans-thai/scss' as PlexSansThai with (
  $font-weights: (
    bold: false,
    extralight: false,
    light: false,
    medium: false,
    regular: false,
    semibold: false,
    text: false,
    thin: false,
  )
);

@include PlexSansThai.all();

IBM Plex Sans Thai typeface weights map:

WeightEnabled by default withPlexSansThai.all()PlexSansThai.default()
bold
extralight
light
medium
regular
semibold
text
thin

Below are the font-family rules for the family:

font-family: 'IBM Plex Sans Thai'

Building the fonts from source

Requirements

To build binary font files from .vfb sources you need FontLab Studio 5. A Python script called IBM Plex export FDK files.py is necessary to export the proper files from FontLab. To run this script you’ll need the RoboFab library. Also, you’ll need to have the Adobe Font Development Kit for OpenType (AFDKO) installed.

Building one font

From FontLab, run IBM Plex export FDK files.py and choose a directory with IBM Plex .vfb source files. The script will create a new directory called fdk in which subdirectories are created for every font. The script will export files necessary for AFDKO in those subdirectories.

Subsequently, OpenType Fonts (OTFs) or TrueType Fonts (TTFs) can be generated from the command line using makeotf, which is part of the AFDKO toolset. Information and usage instructions can be found by executing makeotf -h.

IBM Telemetry IBM Telemetry

This package uses IBM Telemetry to collect metrics data. By installing this package as a dependency you are agreeing to telemetry collection. To opt out, see opting out of IBM Telemetry data collection. For more information on the data being collected, please see the IBM Telemetry documentation.

FAQs

Package last updated on 28 Aug 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc