I want to write the code of windows calculator in HTML and I need to use font for minimize and maximize buttons. what should I use? I know the font for close that is ✖.
I found this website for UTF-8 icons:
https://www.utf8icons.com/
The code for Maximize is:
🗖
and this is the Minimize:
🗗
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.
I'm a web developer, and I can see from Chrome DevTools that Chrome is loading an italic version of one of my fonts on every page. However, I have not intentionally used italics. I cannot see any font on the page that uses italics. I'd like to find the HTML element that is triggering that font load in order to eliminate it from my template. How can I do that?
Perhaps a javascript or jQuery snippet that goes through the DOM to look at the font-style of every element?
You can try to look inside network tab of the google chrome dev tools, click on fonts and reload the page. You will then see all loaded fonts. In the column "Initiators" you can see who was calling that font. Sometimes plugins are loading their list of fonts, and don't use it at all. That can help you maybe.
If you want to glance over which fonts you are using, you can install this chrome plugin https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en
For more information, please provide a link for that website.
I think you were looking for:
[...document.querySelectorAll('*')]
.filter(e=>getComputedStyle(e).fontStyle === 'italic')
Pasting this snippet in the Developer Console will give you a list. If you expand the list, and click on individual elements, they will get selected in the Elements inspector. From there, you will also be able to tell which CSS file is giving that font style.
This will also work for any other CSS property, if you update the code snippet.
I have tried right clicking and inspecting element on the navigation bar on the top right of this web page:
http://www.southwest-heart.com/
I want to find out what font they are using where it says "Launch", "Heart" etc..
The only font family i can find is this one:
font-family: SouthwestSans-Regular,Arial,sans-serif;
How would i go about obtaining the font they are using?
Thanks.
you can directly get this font from this website
Your font will be downloaded by your browser after clicking this link
I always use google chrome's WhatFont(plugin) to scanner and know the font information. I think you should try it, or look for a similar plugin for your browser.
See this-
http://fontsinuse.com/uses/319/southwest-airlines
and this
http://www.monotype.com/resources/case-studies/type-with-heart-for-southwest-airlines/
It's a custom font so you may not be able to get it but maybe you can find something similar...
There is another font-family on class:
.nav_toggle_menu a .nav_label {
font-family: SouthwestSans-Bold,Arial,sans-serif;
}
The font-family that you are searching for is SouthwestSans-Bold
#NAjzero Definitely- you can't use fonts that you do not have a license for!
Looks like only a very slight difference to Tahoma. Playing with Font weight and letter spacing with Tahoma and css would give you near enough the same (in my opinion).
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 have developed a report in JasperReports, it appears fine when exported as PDF, but when I export same report as HTML it appears smaller in size. Does anyone have any idea, how is it possible to set the parameters so that it displays properly in PDF & HTML. Also is it possible to specify the pageWidth height etc. as percentages
Look at the source of html, you may find the font unit is px, however PDF is using the font unit pt, that's why the html font is smaller than pdf. So you may need the following code to set the html font unit to pt.
exporter.setParameter(JRHtmlExporterParameter.SIZE_UNIT, JRHtmlExporterParameter.SIZE_UNIT_POINT);