Yahoo Web Search

Search results

1. Top results related to how to enlarge fonts on web pages

   • How to use .otf fonts on web browsers ?

     OpenType Font (.otf) is a font format that was developed by Microsoft and Adobe. It is an extended version of the TrueType font format and it supports advanced typographic features like ligatures, small caps, and many more.

     It is more widely preferred over another font format because it is over better cross-platform compactness and includes a wider range of typographic features. OTF can be created using various software tools, including font editors like FontForge. It is widely used in graphic design web design and desktop publishing applications.   

     Syntax:

     @font-face { font-family: 'MyFont'; src: url('path/to/MyFont.otf') format('opentype'); font-weight: normal; font-style: normal;}

      

     Approach:

     • First, declare the .otf font using @font-face and specify its name and file path.
     • The font-family property is used to illustrate that the font is to be used for all the text on the page.

     Check all answers on Geeksforgeeks

     1/5

   • How to handle double-click on web pages?

     Top Answer

     Answered Dec 23, 2010 · 4 votes

     You could do this with a combination of delegate and data:

     $(document).delegate('a, :button', 'click', function(e) { var lastClicked = $.data(this, 'lastClicked'), now = new Date().getTime();- if (lastClicked && (now - lastClicked < 1000)) { e.preventDefault(); } else { $.data(this, 'lastClicked', now); }});

     This will prevent constant rebinding, so should have decent performance.

     Check all answers on Stack Overflow

     2/5

   • How to host google web fonts on my own server?

     Top Answer

     Answered Oct 30, 2023 · 232 votes

     Please keep in mind that my answer has aged a lot.

     There are other more technically sophisticated answers below, e.g.:

     • neverpanic/google-font-download
     • google-webfont-helper
     • localfont

     so don't let the fact that this is the currently accepted answer give you the impression that this is still the best one.

     You can also now also download google's entire font set via on github at their google/font repository. They also provide a ~1GB zip snapshot of their fonts.

     You first download your font selection as a zipped package, providing you with a bunch of true type fonts. Copy them somewhere public, somewhere you can link to from your css.

     On the google webfont download page, you'll find a include link like so:

     http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic|Candal-

     It links to a CSS defining the fonts via a bunch of @font-face defintions.

     Open it in a browser to copy and paste them into your own CSS and modify the urls to include the right font file and format types.

     So this:

     @font-face { font-family: 'Cantarell'; font-style: normal; font-weight: 700; src: local('Cantarell Bold'), local('Cantarell-Bold'), url(http://themes.googleusercontent.com/static/fonts/cantarell/v3/Yir4ZDsCn4g1kWopdg-ehHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); }

     becomes this:

     /* Your local CSS File */ @font-face { font-family: 'Cantarell'; font-style: normal; font-weight: 700; src: local('Cantarell Bold'), local('Cantarell-Bold'), url(../font/Cantarell-Bold.ttf) format('truetype'); }

     As you can see, a downside of hosting the fonts on your own system this way is, that you restrict yourself to the true type format, whilst the google webfont service determines by the accessing device which formats will be transmitted.

     Furthermore, I had to add a .htaccess file to my the directory holding the fonts containing mime types to avoid errors from popping up in Chrome Dev Tools.

     For this solution, only true type is needed, but defining more does not hurt when you want to include different fonts as well, like font-awesome.

     #.htaccessAddType application/vnd.ms-fontobject .eotAddType font/ttf .ttfAddType font/otf .otfAddType application/x-font-woff .woff

     Other Answers

     Answered Mar 21, 2023 · 165 votes

     Great solution is google-webfonts-helper .

     It allows you to select more than one font variant, which saves a lot of time.

     Other Answers

     Answered Jun 30, 2015 · 64 votes

     I wrote a bash script that fetches the CSS file on Google's servers with different user agents, downloads the different font formats to a local directory and writes a CSS file including them. Note that the script needs Bash version 4.x.

     See https://neverpanic.de/blog/2014/03/19/downloading-google-web-fonts-for-local-hosting/ for the script (I'm not reproducing it here so I only have to update it in one place when I need to).

     Edit: Moved to https://github.com/neverpanic/google-font-download

     Check all answers on Stack Overflow

     3/5

   • How to highlight text on web pages using a keyboard

     Top Answer

     Answered Feb 17, 2022 · 1 votes

     This appears to be possible with Google Chrome if the accessibility option "Navigate pages with a text cursor" is enabled—also known as "caret browsing". Here is a Google Chrome help article about it: "Use a text cursor to navigate & select text".

     The article states that this setting can be toggled by pressing F7, or by opening the "Customize and control Google Chrome" menu, opening "Settings", navigating to the "Advanced" tab, then selecting "Accessibility".

     This mode allows you to use the arrow keys to move the text cursor around the page, similar to if you were editing a block of text. Text can be visually highlighted by navigating to the start of the text you want to highlight, holding the Shift key, and then arrowing to the end of the text.

     I'm not sure how well this will work in conjunction with NVDA though.

     Check all answers on Stack Overflow

     4/5

   • How to count how many pages on a web page using python

     Top Answer

     Answered Feb 01, 2017 · 2 votes

     First you need to get the HTML content of that page. I recommend using the package requests.

     import requestspage = requests.get("http://www.holybible.or.kr/B_NIV/cgi/bibleftxt.php?VR=NIV&VL=1&CN=1&CV=99")-

     To expand on your idea of counting the font usage of tk4l, this could be done by searching for this sub string in the webpagem content:

     verses = str(page.content).count("font class=tk4l")print(verses)-

     To get the number of chapters you could proceed in a similar manner with string operations if you identify a unique attribute about the way they are listed.

     EDIT: To expand on the number of chapters. This is a little tricky, since the only attribute I immediately notice is, that the chapters are in the pagination. Without using any further packages, you could use some string operations to iterate through the pagination and find the maximum. I am afraid the approach is a bit tricky, but it should work for identifying the maximum number of chapters on the page you mentioned.

     import requestspage = requests.get("http://www.holybible.or.kr/B_NIV/cgi/bibleftxt.php?VR=NIV&VL=1&CN=1&CV=99")verses = str(page.content).split("http://www.holybible.or.kr/images/l_arrow.gif")[1].split("http://www.holybible.or.kr/images/arrow.gif")[0]currmax = 0for i in range(len(verses)): if verses[i] == ">": if verses[i+2:i+7] == "</a>&": if currmax < int(verses[i+1]): currmax = int(verses[i+1]) if verses[i+3:i+8] == "</a>&": if currmax < int(verses[i+1:i+3]): currmax = int(verses[i+1:i+3])print(currmax)

     EDIT 2: With regular expressions, the same task can be accomplished in a more compact manner:

     import requestsimport repage = requests.get("http://www.holybible.or.kr/B_NIV/cgi/bibleftxt.php?VR=NIV&VL=1&CN=1&CV=99")contents = str(page.content)x = max(int(i) for i in re.findall(r'>(\d+)</[ab]>&nbsp;', contents))print(x)

     Check all answers on Stack Overflow

     5/5

   Show moreShow less

2. People also ask

   How to increase font size in HTML?

   • Specific sizes like 6 and 24 are assigned to text within the tag. This method is outdated and not recommended for modern web development. HTML tag can be used for increasing the font size by one level that is enclosed within the tags. It does not have any attributes.

   How to change the font size in HTML - GeeksforGeeks

   www.geeksforgeeks.org/how-to-change-the-font-size-in-html/

   See all results for this question

   How to increase font size using font> tag?

   • In the above example font sizes are adjusted using the deprecated tag. Specific sizes like 6 and 24 are assigned to text within the tag. This method is outdated and not recommended for modern web development. HTML tag can be used for increasing the font size by one level that is enclosed within the tags.

   How to change the font size in HTML - GeeksforGeeks

   www.geeksforgeeks.org/how-to-change-the-font-size-in-html/

   See all results for this question

   How to change font size in CSS?

   • Modern approach prefers CSS for font size adjustment. Using CSS offers better control and separation of concerns. Bellow mentioned approaches are using CSS Properties. Using the inline style attribute to change the font-size of the tag it is used on. The usage of this attribute overrides any style set globally. Syntax:

   How to change the font size in HTML - GeeksforGeeks

   www.geeksforgeeks.org/how-to-change-the-font-size-in-html/

   See all results for this question

   What is a font size property?

   • The font-size property is set to 20px for “GeeksforGeeks” and 25px for “Courses”. Inline styling offers specific control over font sizes. Provides a quick and direct way to style text within HTML elements. Using separate CSS to select the required text and using the font-size property to change the font size.

   How to change the font size in HTML - GeeksforGeeks

   www.geeksforgeeks.org/how-to-change-the-font-size-in-html/

   See all results for this question

3. Videos

   • 

     3:26

     youtube.com

     How to Enlarge Webpage text Size

     Oct 5, 2014

     11.3K Views

   • 

     2:58

     youtube.com

     How To Change The Font Size In A Web Browser

     Jul 23, 2014

     15.9K Views

   • 

     2:17

     youtube.com

     Change Fonts and Font Styles on Any Web Page

     Jan 28, 2014

     10.2K Views

   View all

4. www.geeksforgeeks.org › how-to-change-the-fontHow to change the font size in HTML - GeeksforGeeks

   www.geeksforgeeks.org › how-to-change-the-font

   • Cached

   May 16, 2024 · Last Updated : 16 May, 2024. Changing the font size in HTML refers to adjusting the displayed text size on a webpage. This can be achieved inline using the style attribute within HTML tags, specifying a font-size property value, or globally by defining styles in CSS. Table of Content.

5. answers.microsoft.com › en-us › windowsHow can I enlarge text on all sites. - Microsoft Community

   answers.microsoft.com › en-us › windows

   • Cached

   6 days ago · Hi, I am Paulo and I'd like to help. You may change Edge default font size in its Settings > Appearance > Fonts > Font size and change it to your preferred size. Although as mentioned in the description of the setting, this may only work on some websites. If this method fails on websites you frequently visit, you may change the default zoom ...

6. www.learnui.design › blog › ultimate-guide-fontFont Sizes in UI Design: The Complete Guide – Learn UI Design

   www.learnui.design › blog › ultimate-guide-font

   • Cached

   5 days ago · You can browse this guide by platform, or, for a deeper look into the larger rules at play when it comes to picking type sizes, check out the Principles & Resources section at the end (That section also covers a list of useful typography-related sites). Px, pt, sp, and dp: Explained!

7. adaptivle-ltd.helpscoutdocs.com › article › 128Increasing and decreasing font sizes on pages

   adaptivle-ltd.helpscoutdocs.com › article › 128

   • Cached

   1. Navigate to your page and text block where you want to increase or decrease the font size. 2. Select your text. 3. Click this font size changer icon. 4. Select the font size from the dropdown. 5. Repeat the process to make text smaller. 6. Select the text and click the font size changer icon. 7. This time, choose a small text size. 8.

8. www.sunriseintegration.com › learn › how-to-maximizeMaximize Your Website Performance Using Google Web Fonts

   www.sunriseintegration.com › learn › how-to-maximize

   • Cached

   May 7, 2024 · Blog. How to Maximize Your Website Performance Using Google Web Fonts. May 7th, 2024. Is your ecommerce site getting bogged down by your custom fonts? Time to utilize Google Web Fonts for some CDN goodness. Here's how... by Sunrise Integration. Focus on Fonts.

9. www.guidingtech.com › how-to-change-font-style-inHow to Change Font Style in Gmail on Web and Mobile

   www.guidingtech.com › how-to-change-font-style-in

   3 days ago · Step 1: Open G m ail in a web browser > click on Compose. Step 2: Add the recipient’s email address and subject, and type your message. Step 3: Use the formatting bar below to change the text...

10. web.dev › articles › optimize-lcpOptimize Largest Contentful Paint | Articles | web.dev

    web.dev › articles › optimize-lcp

    • Cached

    May 22, 2024 · Explore. Fast load times. Optimize Largest Contentful Paint. A step-by-step guide on how to break down LCP and identify key areas to improve. Philip Walton. Barry Pollard. Largest Contentful Paint (LCP) is one of the three Core Web Vitals metrics, and it represents how quickly the main content of a web page is loaded.