<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ar">
	<id>https://3rabica.org/index.php?action=history&amp;feed=atom&amp;title=%D9%82%D8%A7%D9%84%D8%A8%3AMxt%2FUser_CSS_for_a_monospaced_coding_font</id>
	<title>قالب:Mxt/User CSS for a monospaced coding font - تاريخ المراجعة</title>
	<link rel="self" type="application/atom+xml" href="https://3rabica.org/index.php?action=history&amp;feed=atom&amp;title=%D9%82%D8%A7%D9%84%D8%A8%3AMxt%2FUser_CSS_for_a_monospaced_coding_font"/>
	<link rel="alternate" type="text/html" href="https://3rabica.org/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:Mxt/User_CSS_for_a_monospaced_coding_font&amp;action=history"/>
	<updated>2026-06-05T08:15:54Z</updated>
	<subtitle>تاريخ التعديل لهذه الصفحة في الويكي</subtitle>
	<generator>MediaWiki 1.43.7</generator>
	<entry>
		<id>https://3rabica.org/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:Mxt/User_CSS_for_a_monospaced_coding_font&amp;diff=1177283&amp;oldid=prev</id>
		<title>عبد العزيز: بوت:  تعريب V2.1</title>
		<link rel="alternate" type="text/html" href="https://3rabica.org/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:Mxt/User_CSS_for_a_monospaced_coding_font&amp;diff=1177283&amp;oldid=prev"/>
		<updated>2023-10-02T18:54:32Z</updated>

		<summary type="html">&lt;p&gt;بوت:  &lt;a href=&quot;/index.php?title=%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85:Mr.Ibrahembot/%D8%A8%D9%88%D8%AA_%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D8%A8&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;مستخدم:Mr.Ibrahembot/بوت التعريب (الصفحة غير موجودة)&quot;&gt;تعريب V2.1&lt;/a&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;ar&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;→ نسخة أقدم&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;نسخة 22:54، 2 أكتوبر 2023&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;4&quot; class=&quot;diff-notice&quot; lang=&quot;ar&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(لا فرق)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;!-- diff cache key arabica_wiki:diff:1.41:old-1169691:rev-1177283 --&gt;
&lt;/table&gt;</summary>
		<author><name>عبد العزيز</name></author>
	</entry>
	<entry>
		<id>https://3rabica.org/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:Mxt/User_CSS_for_a_monospaced_coding_font&amp;diff=1169691&amp;oldid=prev</id>
		<title>عبد العزيز: بوت:  تعريب V2.1</title>
		<link rel="alternate" type="text/html" href="https://3rabica.org/index.php?title=%D9%82%D8%A7%D9%84%D8%A8:Mxt/User_CSS_for_a_monospaced_coding_font&amp;diff=1169691&amp;oldid=prev"/>
		<updated>2023-10-02T18:54:32Z</updated>

		<summary type="html">&lt;p&gt;بوت:  &lt;a href=&quot;/index.php?title=%D9%85%D8%B3%D8%AA%D8%AE%D8%AF%D9%85:Mr.Ibrahembot/%D8%A8%D9%88%D8%AA_%D8%A7%D9%84%D8%AA%D8%B9%D8%B1%D9%8A%D8%A8&amp;amp;action=edit&amp;amp;redlink=1&quot; class=&quot;new&quot; title=&quot;مستخدم:Mr.Ibrahembot/بوت التعريب (الصفحة غير موجودة)&quot;&gt;تعريب V2.1&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;صفحة جديدة&lt;/b&gt;&lt;/p&gt;&lt;div&gt;&amp;lt;noinclude&amp;gt;{{كيفيات أرابيكا}}&amp;lt;/noinclude&amp;gt;&amp;lt;includeonly&amp;gt;&amp;lt;div style=&amp;quot;float:right; padding:0 1em;&amp;quot;&amp;gt;{{وصلات قالب|Mxt/User CSS for a monospaced coding font|plain=y}}&amp;lt;/div&amp;gt;&amp;lt;/includeonly&amp;gt;&lt;br /&gt;
You can consistently use a monospaced font with well-designed characters for coding (e.g., to distinguish clearly between &amp;lt;code&amp;gt;l&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;1&amp;lt;/code&amp;gt;, and &amp;lt;code&amp;gt;I&amp;lt;/code&amp;gt;, and between &amp;lt;code&amp;gt;O&amp;lt;/code&amp;gt; and &amp;lt;code&amp;gt;0&amp;lt;/code&amp;gt;, and between &amp;lt;code&amp;gt;-&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;−&amp;lt;/code&amp;gt;, &amp;lt;code&amp;gt;–&amp;lt;/code&amp;gt;, and &amp;lt;code&amp;gt;—&amp;lt;/code&amp;gt;).&lt;br /&gt;
&lt;br /&gt;
Add something like one of the code snippets below into your {{samp|[[خاص:MyPage/common.css]]}} page, replacing {{kbd|&amp;quot;Roboto Mono&amp;quot;}} with whatever your preferred coding font is ([https://fonts.google.com/specimen/Roboto+Mono Roboto Mono] was picked as a freely-available coding font for this example).&lt;br /&gt;
&lt;br /&gt;
If you don&amp;#039;t want to manually add this code to your CSS page but would rather &amp;lt;code&amp;gt;@import&amp;lt;/code&amp;gt; (transclude) it, see [[meta:User:SMcCandlish/codefont.css]] for quick instructions.&lt;br /&gt;
&lt;br /&gt;
This code will do the following:&lt;br /&gt;
* Apply a consistent monospace font of your choice (and the fallback system-default {{samp|monospace}}, should that font go missing or not have characters you need) to all the normally monospaced HTML elements like {{وسم في النسق|code|o}}, {{وسم في النسق|pre|o}}, etc.&lt;br /&gt;
* Do the same for the classes used by {{tlx|mxt}} and other monospaced templates in the {{tlx|نص ملون أخضر}} family&lt;br /&gt;
* Do the same for additional site-wide classes (as identified so far, e.g. &amp;lt;code&amp;gt;.monospaced&amp;lt;/code&amp;gt;) that output as monospace.&lt;br /&gt;
* Make the three most frequently encountered editing fields also use this font stack: the main editing window, the edit summary line, and the search entry box.&lt;br /&gt;
&lt;br /&gt;
If you know of an additional class to add here, please update this page or mention it on {{وإو|the talk page|Template talk:Mxt/User CSS for a monospaced coding font}}.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;!--DO NOT ADD var TO THIS LIST! It must be able to inherit the font of surrounding text, because it is used outside code, as in &amp;quot;If &amp;lt;var&amp;gt;A&amp;lt;/var&amp;gt; then &amp;lt;var&amp;gt;B&amp;lt;/var&amp;gt;&amp;quot;, and in math equations.--&amp;gt;&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Horizontal style&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
{{كود ملون|lang=css|1=&lt;br /&gt;
/* Use my font, when available, for code */&lt;br /&gt;
code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { font-family: &amp;quot;Roboto Mono&amp;quot;, monospace !important; }&lt;br /&gt;
/*  Make some of the editable stuff monospaced */&lt;br /&gt;
#wpTextbox1, #wpSummary, #searchInput, #searchText { font-family: &amp;quot;Roboto Mono&amp;quot;, monospace !important; }&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Vertical style&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
{{كود ملون|lang=css|1=&lt;br /&gt;
/* Use my font, when available, for code */&lt;br /&gt;
code,&lt;br /&gt;
pre,&lt;br /&gt;
samp,&lt;br /&gt;
kbd,&lt;br /&gt;
tt,&lt;br /&gt;
.example-mono,&lt;br /&gt;
.userlinks-username,&lt;br /&gt;
.monospaced,&lt;br /&gt;
.keyboard-key,&lt;br /&gt;
.button&lt;br /&gt;
.plaincode {&lt;br /&gt;
  font-family: &amp;quot;Roboto Mono&amp;quot;, monospace !important;&lt;br /&gt;
}&lt;br /&gt;
/*  Make some of the editable stuff monospaced */&lt;br /&gt;
#wpTextbox1,&lt;br /&gt;
#wpSummary,&lt;br /&gt;
#searchInput,&lt;br /&gt;
#searchText {&lt;br /&gt;
  font-family: &amp;quot;Roboto Mono&amp;quot;, monospace !important;&lt;br /&gt;
}&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
{{علامة موقع|Cleanup efforts}}&amp;#039;&amp;#039;&amp;#039;Cleanup efforts&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
If you&amp;#039;d like to help clean up instances of the {{وسم في النسق|{{!mxt|tt}}}} element – which has not been valid HTML since the 1990s, and should usually be replaced with {{وسم في النسق|{{mxt|code}}}} (this may vary by context) – you can add something like the following to your {{samp|common.css}} to make {{وسم في النسق|{{!mxt|tt}}|o}} stick out like a sore thumb:&lt;br /&gt;
&lt;br /&gt;
{{كود ملون|lang=css|1=&lt;br /&gt;
/* Flag bad code for cleanup */&lt;br /&gt;
tt { color: DarkRed; background: Pink; }&lt;br /&gt;
}}&lt;br /&gt;
&lt;br /&gt;
You can also do this with {{وسم في النسق|font|o}}, {{وسم في النسق|center|o}}, {{وسم في النسق|strike|o}}, and other {{Ill-WD2|deprecated elements|id=Q13369975}}. For CSS you can just import for this, see [[meta:User:SMcCandlish/lint.css]].&amp;lt;noinclude&amp;gt;&amp;lt;!--&lt;br /&gt;
&lt;br /&gt;
--&amp;gt;{{توثيق|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation, and into [[مساعدة:User style]], for consistency. It takes no parameters.  &lt;br /&gt;
&lt;br /&gt;
Typical usage:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;wikitext&amp;quot;&amp;gt;&lt;br /&gt;
== User CSS for a monospaced coding font ==&lt;br /&gt;
{{collapse top|left=y|title=Have monospaced templates in this group – and your editing window – use your preferred monospaced font:}}&lt;br /&gt;
{{Mxt/User CSS for a monospaced coding font}}&lt;br /&gt;
{{collapse bottom}}&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
It can also be used as a stand-alone how-to page; a redirect to it, [[قالب:Mxt/User CSS for a monospaced coding font]], is categorized as such. It is also transcluded as a section, at [[مساعدة:User style#User CSS for a monospaced coding font]].&lt;br /&gt;
{{مساعدة تقنية في أرابيكا}}&lt;br /&gt;
[[تصنيف:صفحات توثيق فرعية]]&lt;br /&gt;
&amp;lt;!--End documentation.--&amp;gt;}}&amp;lt;/noinclude&amp;gt;&lt;/div&gt;</summary>
		<author><name>عبد العزيز</name></author>
	</entry>
</feed>