标签: monospace

文本/纯等宽的内容类型?

我想发送比简单文本块(添加表格、对齐方式、样式等)更复杂的电子邮件,例如:

+------------------------------------------------------------------------------+
|                                                                              |
|                               This is an email                               |
|                                                                              |
|  Hello, world!                                                               |
|                                                                              |
|  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy  |
|  nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut    |
|  wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit  |
|  lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum        |
|  iriure dolor in hendrerit in vulputate …
Run Code Online (Sandbox Code Playgroud)

email content-type monospace

5
推荐指数
0
解决办法
232
查看次数

字体如何告诉操作系统"我是一个蒙太奇/固定宽度的字体"?

在第一次,我只想知道,为什么在Windows 10上的IDE PYCHARM中,当"仅显示等宽字体"选中时,许多字体将不会列在编辑器的字体选择对话框中[设置/编辑器/颜色和字体/ font],也是薄荷.

我不知道pycharm是怎么做的,但是mintty使用了win32 API"L​​OGFONT".

那么,Windows OS是如何知道字体是否是等宽的(固定宽度)?

ie:列出"源代码专业版","源代码专业版黑色/超轻/轻...不是;

列出了"fira代码",但fira代码轻/中/视网膜不是;

并且,如果"仅显示等宽",则不会列出其他一些等宽字体.

似乎pycharm只有在选中"show only monospced fonts"时才识别字体系列名称

在OSX(Mavericks)中,它有点复杂:如果选中'仅显示等宽字体',pycharm仍然可以获得姓氏,但是如果安装了粗糙加权字体版本,则无法知道哪个字体权重是默认的.


然后,我尝试修改一些字体,并顺便看一下原始字体的'file-info'字体伪造,但我不知道哪个部分真正影响WINDOWS或PYCHARM(IDEA/INTELIJ /由JDK实际上?)知道哪种字体是等宽的.

在"OS/2"部分中,检查了固定宽度/等宽/等宽的任何参数,但没有任何帮助,并且在windows中pycharm仍然无法检测到它们.

所以,最后,我真的很想知道,TTF文件或任何其他字体文件类型使用哪个参数告诉[windows/osx/mac os/linux]操作系统'我是等宽的'?

winapi fonts fixed-width pycharm monospace

5
推荐指数
1
解决办法
608
查看次数

更改文本时,UILabel中使用等宽字体的奇怪行为

使用时我有一个奇怪的问题 monospacedDigitSystemFont(ofSize:weight:)

我有一个UISlider和一个UILabel在我的UIViewController.Label显示滑块的当前值+一些描述文本.更改滑块的值时,文本左右myLabel摇晃一下.myLabel因为我正在使用,我希望它的文字不会左右摇晃monospacedDigitSystemFont(ofSize:weight:).

这是我的代码:

import UIKit

class ExampleViewController: UIViewController {
    @IBOutlet weak var myLabel: UILabel!
    @IBOutlet weak var mySlider: UISlider!

    override func viewDidLoad() {
        super.viewDidLoad()
        myLabel.font = UIFont.monospacedDigitSystemFont(ofSize: 15, weight: .bold)
    }

    @IBAction func sliderChanged(_ sender: UISlider) {
        myLabel.text = String(format: "%.5f is the actual Value of the Slider", sender.value)
    }
}
Run Code Online (Sandbox Code Playgroud)

关于摇晃的GIF:

摇摇欲坠的等宽文本

有什么建议?我错过了什么吗?

uilabel uislider monospace ios swift

5
推荐指数
1
解决办法
204
查看次数

CSS 等宽字体的英文和汉字如何排列?

我有一个textarea包含英文和中文文本的网络应用程序。问题是,我无法用标准等宽字体(Courier New 或 Lucida Console)完美地排列字母和字符:看起来中文文本的宽度几乎是英文文本的两倍,但不是 2x,而是 1.8 左右x,至少在 Windows 操作系统中,在我的情况下看起来很难看,特别是如果文本很长。

<textarea style="font-family:monospace;">      |
???|
123456|
Englis|</textarea>
Run Code Online (Sandbox Code Playgroud)

有没有一种简单的方法可以使用 CSS 使汉字看起来比英文字母宽 2 倍?

html css fonts textarea monospace

5
推荐指数
1
解决办法
1406
查看次数

使等宽文本尽可能大,而不会导致溢出或换行

我正在寻找一种方法来使等宽文本在其容器中尽可能宽泛而不会溢出或破裂。我已经看过CSS3 使文本尽可能大以填充元素而不会溢出并尝试实施建议的解决方案,但在我的情况下似乎不起作用。如果我将字体大小设置为3vw而不是7vw链接问题的答案中的建议,它似乎很接近,但是当我更改行的长度或页面的宽度时,它又关闭了。

这是我的代码:

https://jsfiddle.net/de7qbu19/(fiddle中的代码是一样的)

#song-container {
    text-align: center;
    margin: 20px;
}
#song {
    color: #000;
    font: normal 3vw Courier New,monospace,Courier;
    white-space: pre;
    word-break: break-all;
    text-align: left;
    display: inline-block;
}

#song > span { /* Chords*/
    color: #007fbf;
    cursor: pointer;
}
Run Code Online (Sandbox Code Playgroud)
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
            
<div class="container-fluid">
    <div id="song-container">
        <div class="panel panel-default">
            <div class="panel-body">
                <span id="song">
[Placeholder]

<span>Em</span> …
Run Code Online (Sandbox Code Playgroud)

html javascript css font-size monospace

5
推荐指数
1
解决办法
301
查看次数

如何在 Microsoft Visual Studio 2019 中使用 JetbrainsMono 字体

有什么方法可以在 Microsoft Visual Studio 2019 中安装 Jetbrains Monospace 字体吗?

因为如果有可用字体,Visual Studio 不会在列表中显示该字体,并且它不提供浏览/安装它的选项。

visual-studio monospace visual-studio-2019

5
推荐指数
1
解决办法
5649
查看次数

如何强制在 Facebook 中呈现等宽字体?

我制作了一个从图像生成 ASCII 艺术的程序。我希望用户能够将该 ASCII 艺术复制并粘贴到他们的墙上并使其正确显示。

问题:

Facebook 不使用等宽字体。

有没有人对解决方法有任何想法?

css fonts facebook render monospace

4
推荐指数
1
解决办法
4422
查看次数

逗号之后我不想要空格宽度 - 最佳做法?

我正在创建一个网站,主要标题以固定宽度字体显示(设计师的选择,而不是我的).但是对于包含逗号的标题,这看起来很奇怪 - 逗号后留下了大量的空间.

截图显示问题

所以我想知道如何减少这个空间,让事情看起来更自然.

一个简单的解决方案是我的PHP后端替换逗号的后续出现,后跟一个逗号后跟一个空格的空格(此解决方案有效).但我不是很不情愿 - 它似乎正在把问题解决到错误的地方.例如,如果稍后将字体更改为不是固定宽度的字符会发生什么,但是新开发人员不知道要搜索到后端以删除插入的精简空间?

那么这样做的"正确"方法是什么?

html javascript css fixed-width monospace

4
推荐指数
1
解决办法
418
查看次数

VSCode 等宽字体不是等宽字体,如何解决这个问题?

不确定我是否搞砸了设置中的某些内容,即使“文本编辑器设置”中的所有字体都是等宽字体,但有些单词渲染时不是等宽字体,尤其是“fi”,似乎这两个字符只占用一个空格,例如在“文件”、“修复”、“识别”等中。我应该做什么来修复这个问题?

我尝试了多种不同的字体并重新排列它们。目前,字体系列设置为:Menlo、Monaco、“Courier New”、等宽字体,但问题永远不会消失。

macOS 莫哈维版本 10.14.6

VSCode 版本:1.37.0

macos fonts monospace visual-studio-code

4
推荐指数
1
解决办法
6297
查看次数

等宽字体字符的宽度不固定

我正在尝试对齐一些字符以在 html 中绘制一个框。我选择了等宽字体,以便字符对齐,并为每行绘制了具有相同数量字符的框。

\n

\r\n
\r\n
pre {\n  font-family: \'Roboto Mono\';\n  white-space: pre;\n}
Run Code Online (Sandbox Code Playgroud)\r\n
<link rel="preconnect" href="https://fonts.googleapis.com">\n<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">\n<pre>\n    \xe2\x95\xad\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x95\xae\n    \xe2\x94\x82.........................................................................\xe2\x94\x82\n    \xe2\x94\x82-------------------------------------------------------------------------\xe2\x94\x82\n    \xe2\x94\x82                                                                         \xe2\x94\x82\n    \xe2\x95\xb0\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80\xe2\x95\xaf                         \n</pre>
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

不过,当我在浏览器中渲染它时,最右边缘有时可能会错位,具体取决于所使用的等宽字体。

\n

当我使用 Roboto Mono 时:

\n

未对准的盒子机器人单声道

\n

当我使用 Space Mono 时:

\n

未对齐的盒子空间单声道

\n

由于某种原因,我的等宽字符不是等宽的。为什么会发生这种情况?如何强制等宽以对齐字符?

\n

html css monospace google-fonts

4
推荐指数
1
解决办法
2933
查看次数