# font

**Repository Path**: ccbunny/font

## Basic Information

- **Project Name**: font
- **Description**: 漂亮的代码字体
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-03-16
- **Last Updated**: 2022-03-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 漂亮的代码字体

**当前项目仅供学习，不作任何商业用途！**

- `FiraCode`

- `Operator Mono`

- `Operator Mono Lig`

- `Operator Mono SSm`

## `Fira Code` 等宽字体



### 需要版权的字体：

可以使用连体字，安装 `Operator Mono` 字体 之前需要先安装 `FiraCode` 字体

## `Operator Mono`

## `Operator Mono Lig`

## `Operator Mono SSm`



## 字体安装及在 `VSCode` 中配置

为 `VSCode` 设置好看的字体：`Operator Mono`，

#### **设置之后若无效请重启VS CODE**

#### **设置之后若无效请重启VS CODE**

#### **设置之后若无效请重启VS CODE**

```json
// 字体，按需设置
    "editor.fontSize": 22, // 字体大小
    "editor.fontWeight": "normal",
    "editor.fontFamily": "Operator Mono SSm Light",
    "editor.fontLigatures": true, // 是否启用字体连字
    "editor.tokenColorCustomizations": { //如不需要斜体，这里可以不需要，按系统的也行
        "textMateRules": [
            {
                "name": "italic font",
                "scope": [ 
                    "comment",
                    "keyword",
                    "storage",
                    "keyword.control.import",
                    "keyword.control.default",
                    "keyword.control.from",
                    "keyword.operator.new",
                    "keyword.control.export",
                    "keyword.control.flow",
                    "storage.type.class",
                    "storage.type.function",
                    "storage.type",
                    "storage.type.class",
                    "variable.language",
                    "variable.language.super",
                    "variable.language.this",
                    "meta.class",
                    "meta.var.expr",
                    "constant.language.null",
                    "support.type.primitive",
                    "entity.name.method.js",
                    "entity.other.attribute-name",
                    "punctuation.definition.comment",
                    "text.html.basic entity.other.attribute-name.html",
                    "text.html.basic entity.other.attribute-name",
                    "tag.decorator.js entity.name.tag.js",
                    "tag.decorator.js punctuation.definition.tag.js",
                    "source.js constant.other.object.key.js string.unquoted.label.js",
                ],
                "settings": {
                    "fontStyle": "italic", 
                }
            },
        ]
    }
```

## 效果

![](https://gitee.com/ccbunny/myimages/raw/master/pic/html-OperatorMonoSSm-Light.png)

![php-OperatorMonoSSm-Light](https://gitee.com/ccbunny/myimages/raw/master/pic/php-OperatorMonoSSm-Light.png)