How can I use a custom font on Notepad++?
For example: I have an HTML document with couple of P elements and I want each of them to have a different font family.
I know I can accomplish this with CSS, but I prefer to experiment with Notepad++.
What I tried so far:
I selected the text in the P tag I want to change.
I went to: Settings > Style configurator > Language – HTML > Style – Singlestring > Font- webdings (for example).
This seems to change to UI font if I’m not mistaken.
It doesn't change the text I selected in the P tag.
Assuming you're trying to say that you want to change the fonts on your webpage in different divs I don't think it can be accomplished without CSS.
This is because notepad++ documents are only .txt and only store the raw text data.
If you're able to change the UI font on the webpage using notepad then I'm assuming it is actually changing CSS.
Don't be afraid to use CSS, it has awesome capabilities. CSS doesn't have to be in a different document external to your index.html it can be inline:
<div style="font-family: 'Roboto', sans-serif;"> Enter Some Text </div>
If you want information on when to find and how to use different fonts try the Google Fonts API
Related
I am building a web app that allows users to write their own html pages using the Froala editor integrated on my website.
The editor works really well and provides a great degree of control as well but, there is a small problem I am facing with the bold button. If you highlight some text inside the editor and click on the bold button, in the editor the text does become bold but in the corresponding html which is generated has a simple <strong> tag around it. Now when you load that html on a browser when it is delivered via a link or any other service, it does not show up as bold unless we write some css for it.
What I would like to know is:
Is this the correct behaviour?
Is there any fix or option that we need to control on Froala to make
it look bold?
Apart from writing custom css for it, if there are any options please let me know.
You can check out the said behaviour on one of the demo pages they have: Froala Demo
Thanks in Advance!
PS: Let me know if you guys need code samples from my end, I have not done anything(custom) apart from the samples available on their website.
That's my HTML code below
<p><strong>bold 2</strong></p>
But it doesn't display right in my Chrome browser.
You've got a user stylesheet that changes the font. The font you picked doesn't have the correct font weights (700 for bold). Use another font or fetch all the weights of that font
Not sure - why it's not working for you. I would say try writing that code again, save and reload your webpage.
I tried it and it works. See - http://jsbin.com/zasineraci/1/edit?html,output
If not, try using instead.
I wonder, is there a way to get subline text color scheme in my webpage code snippet? I try google-code-prettify but there isn't the right color scheme. I want Monokai scheme. I try to search something like that, but nothing.
You can write your snippet in ST2 and then export it to HTML using ExportHtml.
This plugin allows the exporting of a document in ST2 to an HTML file
or to BBCode. It duplicates ST2's theme colors and font styles.
Never mind. Excel does generate .xl99999 styles in a <header>. When this rich text editor value is set with HTML content, it adds the styles but when you try to get the value later, it only returns the <body> tag and strips the styles. I saw the contents after getting the value and submitting to the server. I guess you could say there is a bug in the rich text editor, but I will attempt to work around it.
How does Chrome know how to format these CSS classes exported from Microsoft Excel into HTML when I never specified the stylesheet to use? It is just a pure HTML string that was sent via an API so there is no stylesheet definitions. The class .xl6613001 is never defined, nor any others. So how does Chrome know to use a given background color?
Minus http://i.minus.com/iX77mOMM3dNNS.png
Here is the full output from Excel. Notice the lack of color styles.
The rich text editor is com.gc.gwt.wysiwyg.client.Editor, https://code.google.com/p/gwt-html-editor/wiki/GettingStarted.
I searched the Resources tab for '.xl' and nothing was found.
It does not format colors if I look at the raw HTML as a file.
alt text http://img693.imageshack.us/img693/1446/20091224044146.png
How cam i find and copy for this ?
Use Firebug in Firefox to see how Yahoo have styled their search box
You could save the page a to the local folder, and that will being across HTML and all suppoprting files (JavaScript, js, etc)
My suspicion is that it'll be some YUI style plugin, but don't quote me on that.