{"id":13949,"date":"2023-01-04T08:00:00","date_gmt":"2023-01-04T13:00:00","guid":{"rendered":"https:\/\/www.thehealthymaven.com\/?p=13949"},"modified":"2025-09-12T09:47:14","modified_gmt":"2025-09-12T13:47:14","slug":"how-to-make-a-london-fog","status":"publish","type":"post","link":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/","title":{"rendered":"How To Make a London Fog Drink"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<p>Have you ever wondered how to make a <strong>London Fog Drink<\/strong>? It&rsquo;s the ultimate tea latte recipe with a hint of sweetness and boost of caffeine. Perfect for cold winter mornings or afternoon pick-me-ups!<\/p>\n\n\n\n<p><em>This post was updated in September 2025 with helpful tips &amp; tricks to make this recipe easier for you to make. It has 40+ 5 star reviews so I know you&rsquo;ll love it!<\/em><\/p>\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2 id=\"table-of-contents\">Table of Contents<\/h2><ul class=\"is-style-fancy\"><li><a href=\"#h-what-is-a-london-fog\">What is a London Fog?<\/a><\/li><li><a href=\"#h-do-you-need-a-frother\">Do You Need a Frother?<\/a><\/li><li><a href=\"#h-\"><\/a><\/li><li><a href=\"#h-how-to-make-a-london-fog\">How to Make a London Fog<\/a><\/li><li><a href=\"#h-is-a-london-fog-caffeinated\">Is a London Fog Caffeinated?<\/a><\/li><li><a href=\"#h-gt-london-fog-faqs\">&ndash;&gt;London Fog FAQs<\/a><\/li><li><a href=\"#more-drink-recipes-youll-love\">More Drink Recipes You&rsquo;ll Love!<\/a><\/li><li><a href=\"#tasty-recipes-29697-jump-target\">How To Make a London Fog Recipe<\/a><\/li><\/ul><\/div>\n\n\n<figure class=\"wp-block-image is-resized\"><img decoding=\"async\" width=\"700\" height=\"1050\" src=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog.jpg\" alt=\"\" class=\"wp-image-14740\" style=\"width:790px\" srcset=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog.jpg 700w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-400x600.jpg 400w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-683x1024.png 683w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-600x900.jpg 600w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-200x300.png 200w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>How has it been 18 years since I graduated from high school? I mean I have zero interest in turning back time or reliving my high school days, but it really doesn&rsquo;t feel like 18 years have passed.<\/p>\n\n\n\n<p>But for all of the changes that have unfolded since my high school days, one thing has remained the same,&nbsp;The London Fog.<\/p>\n\n\n\n<p>When we were old enough to get free periods, me and my sailor suit sporting friends (I do still really miss the uniform&hellip;) would walk over to the Forest Hill village to order ourselves a Starbucks London Fog Drink. This was the height of Mary Kate and Ashley sporting their Venti Starbucks Lattes, but we weren&rsquo;t nearly old enough to appreciate or enjoy coffee. The London Fog was the perfect solution. A Starbucks London Fog tea latte that was sweet and delicious without the unappetizing taste of coffee (how little teenage Davida knew&hellip;).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-london-fog\"><a href=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2.jpg\"><img decoding=\"async\" class=\"aligncenter wp-image-14744\" src=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2.jpg\" alt=\"Have you ever wondered how to make a London Fog? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine. Perfect for cold winter mornings or afternoon pick-me-ups!\" width=\"790\" height=\"1226\" srcset=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2.jpg 700w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2-400x621.jpg 400w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2-660x1024.png 660w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2-600x931.jpg 600w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-2-193x300.png 193w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/a><strong>What is a London Fog?<\/strong><\/h2>\n\n\n\n<p>For those of you who don&rsquo;t know, a London Fog is an earl grey tea latte with foamy milk and vanilla. The most important factors are these:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The right kind of tea- good quality <strong>Earl Grey Tea<\/strong> is essential. It adds that bergamot flavor that is quintessential for a London Fog. You could also reach for lavender earl grey which is a nice variation.<\/li>\n\n\n\n<li><strong>Hot, foamy milk<\/strong> &ndash; you can use whatever kind of milk you like but I prefer almond or oat milk in my lattes<\/li>\n\n\n\n<li><strong>Vanilla<\/strong> &ndash; Starbucks uses their pumps of vanilla syrup but vanilla extract will work just fine.<\/li>\n\n\n\n<li><strong>Sweetener<\/strong> &ndash; you can opt out of sweetener but I do find a little bit of raw honey builds out the flavor of this London Fog<\/li>\n<\/ul>\n\n\n\n<p>It was the perfect sweet drink at 16 and remains my go-to Starbucks drink. Once I was old enough to start drinking coffee (ahem, college), The London Fog became my afternoon pick-me-up during finals and remains a nice afternoon treat and caffeine boost for those extra tired days.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-do-you-need-a-frother\"><strong>Do You Need a Frother?<\/strong><\/h2>\n\n\n\n<p>Nope! I&nbsp;prefer to use a frother&nbsp;since <a href=\"https:\/\/amzn.to\/2l4mzUv\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">I upgraded my frother<\/a> but mainly so I can eat the foam with a spoon. You can always pour your milk into a mug and heat in the microwave or heat on a stovetop, though it will be warm milk rather than steamed milk. If you have a frother I highly recommend it!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-\"><img decoding=\"async\" class=\"aligncenter wp-image-14745\" src=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3.jpg\" alt=\"Have you ever wondered how to make a London Fog? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine. Perfect for cold winter mornings or afternoon pick-me-ups!\" width=\"790\" height=\"1185\" srcset=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3.jpg 700w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3-400x600.jpg 400w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3-683x1024.png 683w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3-600x900.jpg 600w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-3-200x300.png 200w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-make-a-london-fog\"><strong>How to Make a London Fog<\/strong><\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Make the Tea<\/strong> &ndash; Boil water in a kettle. Steep your tea bag in 1\/2 cup of hot water for 3-5 mins (depending on strength preference)<\/li>\n\n\n\n<li><strong>Froth Your Milk<\/strong> &ndash; Mix together almond milk and vanilla extract and steam or froth depending on what tools you have.*<\/li>\n\n\n\n<li><strong>Sweeten<\/strong> &ndash; Stir sweetener in with steeped hot tea and top with frothed milk.<\/li>\n<\/ol>\n\n\n\n<p>*If you don&rsquo;t have a milk frother, heat up milk on stove top. It won&rsquo;t get foamy but it does the trick!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-a-london-fog-caffeinated\"><strong>Is a London Fog Caffeinated?<\/strong><\/h2>\n\n\n\n<p>Yes it is. While it has much less caffeine than a coffee or espresso, Black Tea does contain caffeine. I find it&rsquo;s an easier caffeine boost for that 3:00 PM crash because it doesn&rsquo;t contain quite as much caffeine as coffee. You could also opt for decaf earl grey tea if you prefer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-gt-london-fog-faqs\">&ndash;&gt;London Fog FAQs<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1742229183770\"><strong class=\"schema-faq-question\">What&rsquo;s the difference between a london fog and an earl grey tea latte?<\/strong> <p class=\"schema-faq-answer\">They are very very similar. An earl grey tea latte would be steeped earl grey tea + milk (and optional sweetener if desired). A London Fog is the same thing plus added vanilla and sweetener.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1742229305388\"><strong class=\"schema-faq-question\">Can I make an iced london fog?<\/strong> <p class=\"schema-faq-answer\">Yes! Simply steep the tea then allow it to cool in the fridge. Instead of frothing the milk you&rsquo;ll just combine the cooled steeped tea, milk, sweetener and vanilla over ice.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1742229415503\"><strong class=\"schema-faq-question\">Can I use a different type of milk?<\/strong> <p class=\"schema-faq-answer\">Absolutely! This London Fog recipe tastes great with whatever kind of milk you have on hand or prefer. My personal favorites are vanilla almond but oat milk, coconut milk or even whole milk all taste great!<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1742229479258\"><strong class=\"schema-faq-question\">Why doesn&rsquo;t this recipe use pumped vanilla?<\/strong> <p class=\"schema-faq-answer\">It&rsquo;s a personal preference! I like to control the amount of sweetness in my recipes and rather than using pumped vanilla (Starbucks uses 3-5 pumps which is a lot of sugar) I prefer to use honey and vanilla extract.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1742229581261\"><strong class=\"schema-faq-question\">How many servings is this London Fog recipe?<\/strong> <p class=\"schema-faq-answer\">This london fog recipes serves 1. You can always double or triple it if desired.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1742229617330\"><strong class=\"schema-faq-question\">Can I use a different kind of tea?<\/strong> <p class=\"schema-faq-answer\">Yes! A london fog typically uses Earl Grey tea but you can make a different tea latte recipe by subbing in whatever tea you prefer.<\/p> <\/div> <\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"more-drink-recipes-youll-love\"><strong>More Drink Recipes You&rsquo;ll Love!<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.thehealthymaven.com\/matcha-turmeric-latte\/\" target=\"_blank\" rel=\"noopener noreferrer\">Matcha Golden Milk Latte<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/vanilla-sweet-cream-cold-brew\/\">Vanilla Sweet Cream Cold Brew<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/pumpkin-cream-cold-brew\/\">Pumpkin Sweet Cream Cold Brew<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/how-to-make-oat-milk-lattes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Oat Milk Lattes &ndash; 3 Ways!<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/healthy-hot-chocolate-recipe\/\" target=\"_blank\" rel=\"noopener noreferrer\">Healthy Hot Chocolate<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/turmeric-latte-recipe\/\">Turmeric Latte Recipe<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/diy-cold-brew-iced-coffee\/\">DIY Cold Brew Coffee<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.thehealthymaven.com\/lavender-simple-syrup-recipe\/\">Lavender Simple Syrup<\/a><\/li>\n<\/ul>\n\n\n<svg aria-hidden=\"true\" style=\"position: absolute;width: 0;height: 0;overflow: hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<defs>\n<symbol viewbox=\"9 9 46 42\" id=\"wpt-star-full\">\n\t<path d=\"m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z\"><\/path>\n<\/symbol>\n<\/defs>\n<\/svg>\n<a class=\"button tasty-recipes-print-button tasty-recipes-no-print tasty-recipes-print-above-card\" href=\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/print\/29697\/\">Print<\/a><span class=\"tasty-recipes-jump-target\" id=\"tasty-recipes-29697-jump-target\" style=\"display:block;padding-top:2px;margin-top:-2px;\"><\/span><div id=\"tasty-recipes-29697\" data-tr-id=\"29697\" class=\"tasty-recipes tasty-recipes-29697 tasty-recipes-display tasty-recipes-has-image\" data-tasty-recipes-customization=\"primary-color.background-color primary-color.outline-color\">\n\n\n<h2 class=\"tasty-recipes-title\" data-tasty-recipes-customization=\"h2-color.color h2-transform.text-transform\" id=\"how-to-make-a-london-fog\">How To Make a London Fog<\/h2>\n<div class=\"tasty-recipes-image-button-container\">\n\t\t\t<div class=\"tasty-recipes-image\">\n\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" data-pin-nopin=\"true\">\t\t<\/div>\n\t\t<div class=\"tasty-recipes-buttons\">\n\t\t\t\t<div class=\"tasty-recipes-button-wrap\">\n\t\t\t\n<a class=\"button tasty-recipes-print-button tasty-recipes-no-print\" href=\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/print\/29697\/\" target=\"_blank\" data-tasty-recipes-customization=\"\">\n\t\t\t<svg viewbox=\"0 0 24 24\" class=\"svg-print\" aria-hidden=\"true\"><use xlink:href=\"#tasty-recipes-icon-print\"><\/use><\/svg>\n\t\tPrint Recipe<\/a>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n\t<div class=\"tasty-recipes-rating\" data-tasty-recipes-customization=\"body-color.color\">\n\t\t\t\t\t<p><svg aria-hidden=\"true\" style=\"position: absolute;width: 0;height: 0;overflow: hidden\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<defs>\n<symbol viewbox=\"9 9 46 42\" id=\"wpt-star-full\">\n\t<path d=\"m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z\"><\/path>\n<\/symbol>\n<\/defs>\n<\/svg>\n<span class=\"tasty-recipes-ratings-buttons tasty-recipes-no-ratings-buttons\" data-tr-default-rating=\"4.6\">\t\t<span class=\"tasty-recipes-rating\" data-tr-checked=\"1\">\t\t<i class=\"checked\" data-rating=\"5\">\t\t\t<span class=\"tasty-recipes-rating-solid\" data-tr-clip=\"60\">\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"9 9 46 42\" width=\"18\" height=\"17\">\t<defs>\t\t<lineargradient id=\"tasty-recipes-clip-10\">\t\t\t<stop offset=\"10%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-20\">\t\t\t<stop offset=\"20%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-30\">\t\t\t<stop offset=\"30%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-40\">\t\t\t<stop offset=\"40%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-50\">\t\t\t<stop offset=\"50%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-60\">\t\t\t<stop offset=\"60%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-70\">\t\t\t<stop offset=\"70%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-80\">\t\t\t<stop offset=\"80%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t\t<lineargradient id=\"tasty-recipes-clip-90\">\t\t\t<stop offset=\"90%\" stop-color=\"currentColor\"><\/stop>\t\t\t<stop stop-opacity=\"var(--tr-star-opacity)\" offset=\"0%\" stop-color=\"currentColor\"><\/stop>\t\t<\/lineargradient>\t<\/defs>\t<path d=\"m46.3 52-14.4-9.5-14.4 9.4L22 35.3 8.7 24.5l17.1-.9 6.2-16 6 16 17.2 1-13.4 10.7z\"><\/path><\/svg>\t\t\t<\/span>\t\t\t<span class=\"tasty-recipes-screen-reader\">\t\t\t\t5 Stars\t\t\t<\/span>\t\t<\/i>\t<\/span>\t\t<span class=\"tasty-recipes-rating\">\t\t<i class=\"checked\" data-rating=\"4\">\t\t\t<span class=\"tasty-recipes-rating-solid\" data-tr-clip=\"100\">\t\t\t\t<svg class=\"tasty-recipes-svg\"><use href=\"#wpt-star-full\"><\/use><\/svg>\t\t\t<\/span>\t\t\t<span class=\"tasty-recipes-screen-reader\">\t\t\t\t4 Stars\t\t\t<\/span>\t\t<\/i>\t<\/span>\t\t<span class=\"tasty-recipes-rating\">\t\t<i class=\"checked\" data-rating=\"3\">\t\t\t<span class=\"tasty-recipes-rating-solid\" data-tr-clip=\"100\">\t\t\t\t<svg class=\"tasty-recipes-svg\"><use href=\"#wpt-star-full\"><\/use><\/svg>\t\t\t<\/span>\t\t\t<span class=\"tasty-recipes-screen-reader\">\t\t\t\t3 Stars\t\t\t<\/span>\t\t<\/i>\t<\/span>\t\t<span class=\"tasty-recipes-rating\">\t\t<i class=\"checked\" data-rating=\"2\">\t\t\t<span class=\"tasty-recipes-rating-solid\" data-tr-clip=\"100\">\t\t\t\t<svg class=\"tasty-recipes-svg\"><use href=\"#wpt-star-full\"><\/use><\/svg>\t\t\t<\/span>\t\t\t<span class=\"tasty-recipes-screen-reader\">\t\t\t\t2 Stars\t\t\t<\/span>\t\t<\/i>\t<\/span>\t\t<span class=\"tasty-recipes-rating\">\t\t<i class=\"checked\" data-rating=\"1\">\t\t\t<span class=\"tasty-recipes-rating-solid\" data-tr-clip=\"100\">\t\t\t\t<svg class=\"tasty-recipes-svg\"><use href=\"#wpt-star-full\"><\/use><\/svg>\t\t\t<\/span>\t\t\t<span class=\"tasty-recipes-screen-reader\">\t\t\t\t1 Star\t\t\t<\/span>\t\t<\/i>\t<\/span><\/span><\/p>\n\t\t\t\t\t\t\t<p><span data-tasty-recipes-customization=\"detail-label-color.color\" class=\"rating-label\"><span class=\"average\">4.6<\/span> from <span class=\"count\">46<\/span> reviews<\/span><\/p>\n\t\t\t<\/div>\n\n\n\t<div class=\"tasty-recipes-description\" data-tasty-recipes-customization=\"body-color.color\">\n\t\t<p><em>Have you ever wondered how to make a London Fog Drink? It&rsquo;s the ultimate tea latte recipe with a hint of sweetness and boost of caffeine. Perfect for cold winter mornings or afternoon pick-me-ups!<\/em><\/p>\n\t<\/div>\n\n\t<div class=\"tasty-recipes-details\" data-tasty-recipes-customization=\"body-color.color\">\n\t\t<ul>\n\t\t\t\t\t\t\t<li class=\"author\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Author:<\/strong> <a data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-author-name\" href=\"https:\/\/www.thehealthymaven.com\/author\/davida\/\">Davida Lederle<\/a><\/li>\n\t\t\t\t\t\t\t<li class=\"prep-time\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Prep Time:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-prep-time\">1 minute<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"cook-time\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Cook Time:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-cook-time\">5 minutes<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"total-time\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Total Time:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-total-time\">6 minutes<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"yield\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Yield:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-yield\"><span data-amount=\"1\">1<\/span> mug <span class=\"tasty-recipes-yield-scale\"><span data-amount=\"1\">1<\/span>x<\/span><\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"category\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Category:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-category\">Drink<\/span><\/li>\n\t\t\t\t\t\t\t<li class=\"diet\"><strong data-tasty-recipes-customization=\"detail-label-color.color\" class=\"tasty-recipes-label\">Diet:<\/strong> <span data-tasty-recipes-customization=\"detail-value-color.color\" class=\"tasty-recipes-diet\">Vegan<\/span><\/li>\n\t\t\t\t\t<\/ul>\n\t<\/div>\n\n\t<div class=\"tasty-recipes-ingredients\">\n\t\t<div class=\"tasty-recipes-ingredients-header\">\n\t\t\t<div class=\"tasty-recipes-ingredients-clipboard-container\">\n\t\t\t\t<h3 data-tasty-recipes-customization=\"h3-color.color h3-transform.text-transform\">Ingredients<\/h3>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"tasty-recipes-units-scale-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tasty-recipes-scale-container\">\n\t\t\t\t\t\t<span class=\"tasty-recipes-scale-label\">Scale<\/span>\n\t\t\t\t\t\t<button class=\"tasty-recipes-scale-button tasty-recipes-scale-button-active\" data-amount=\"1\" type=\"button\">1x<\/button><button class=\"tasty-recipes-scale-button\" data-amount=\"2\" type=\"button\">2x<\/button><button class=\"tasty-recipes-scale-button\" data-amount=\"3\" type=\"button\">3x<\/button>\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"tasty-recipes-ingredients-body\" data-tasty-recipes-customization=\"body-color.color\">\n\t\t\t<ul>\n<li><span data-amount=\"1\">1<\/span> Earl Grey tea bag<\/li>\n<li><span data-amount=\"0.5\" data-unit=\"cup\">1\/2 cup<\/span> hot water<\/li>\n<li><span data-amount=\"0.5\" data-unit=\"cup\">1\/2 cup<\/span> unsweetened vanilla almond milk (or other milk of choice)<\/li>\n<li><span data-amount=\"0.25\" data-unit=\"tsp\">1\/4 tsp<\/span> vanilla extract<\/li>\n<li><span data-amount=\"1\">1<\/span>&ndash;<span data-amount=\"2\">2<\/span> tsp raw honey, maple syrup or sweetener of choice<\/li>\n<\/ul>\n<!--INSIDE_INGREDIENTS-->\t\t<\/div>\n\t\t<div class=\"tasty-recipes-cook-mode\">\n\t<div class=\"tasty-recipes-cook-mode__container\">\n\t\t<label class=\"tasty-recipes-cook-mode__switch\">\n\t\t\t<input type=\"checkbox\" id=\"tasty_recipes_69a6ba230a9d1_cookmode\">\n\t\t\t<span class=\"tasty-recipes-cook-mode__switch-slider tasty-recipes-cook-mode__switch-round\" data-tasty-recipes-customization=\"button-color.background button-text-color.color\"><\/span>\n\t\t<\/label>\n\t\t<label for=\"tasty_recipes_69a6ba230a9d1_cookmode\">\n\t\t\t<span class=\"tasty-recipes-cook-mode__label\">Cook Mode<\/span>\n\t\t\t<span class=\"tasty-recipes-cook-mode__helper\">\n\t\t\t\tPrevent your screen from going dark\t\t\t<\/span>\n\t\t<\/label>\n\t<\/div>\n<\/div>\n\t<\/div>\n\n\t<div class=\"tasty-recipe-instructions\">\n\t\t<div class=\"tasty-recipes-instructions-header\">\n\t\t\t<h3 data-tasty-recipes-customization=\"h3-color.color h3-transform.text-transform\">Instructions<\/h3>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"tasty-recipes-instructions-body\" data-tasty-recipes-customization=\"body-color.color\">\n\t\t\t<ol>\n<li id=\"instruction-step-1\">Steep your tea bag in 1\/2 cup of hot water for 3-5 mins (depending on strength preference)<\/li>\n<li id=\"instruction-step-2\">Mix together almond milk and vanilla extract and steam or froth depending on what tools you have.*<\/li>\n<li id=\"instruction-step-3\">Stir sweetener in with steeped tea and top with frothed milk.<\/li>\n<li id=\"instruction-step-4\">Enjoy hot!<\/li>\n<\/ol>\n<p>*If you don&rsquo;t have a frother, heat up milk on stove top. It won&rsquo;t get foamy but it does the trick!<\/p>\n\t\t<\/div>\n\t<\/div>\n\n\n\n\n\n\t<div class=\"tasty-recipes-nutrifox\">\n\t\t<script data-cfasync=\"false\">\n(function(){\n\twindow.addEventListener( 'message', function( event ){\n\t\tif ( ( 'https:\/\/nutrifox.com' !== event.origin && 'https:\/\/nutrifox.test' !== event.origin ) ||\n\t\t\ttypeof event.data !== 'string' ) {\n\t\t\treturn;\n\t\t}\n\t\tvar payload = JSON.parse( event.data );\n\t\tswitch ( payload.event ) {\n\t\t\tcase 'setHeight':\n\t\t\t\tvar iframe = document.getElementById( 'nutrifox-label-' + payload.recipeId );\n\t\t\t\tiframe.style.height = payload.height + 'px';\n\t\t\t\tbreak;\n\t\t}\n\t} );\n}());\n\n<\/script>\n<iframe title=\"nutritional information\" id=\"nutrifox-label-217272\" src=\"https:\/\/nutrifox.com\/embed\/label\/217272\" style=\"width:100%;border-width:0;\"><\/iframe>\t<\/div>\n\n\n\n\n\n\n\n<script>\nwindow.trCommon={\"minRating\":6,\"ajaxurl\":\"https:\\\/\\\/www.thehealthymaven.com\\\/wp-admin\\\/admin-ajax.php\",\"ratingNonce\":\"\",\"postId\":13949};\nwindow.TastyRecipes = window.TastyRecipes || {};\n\nwindow.TastyRecipes.smoothScroll = {\ninit() {\ndocument.addEventListener( 'click', ( e ) => {\nlet anchor = e.target;\nif ( anchor.tagName !== 'A' ) {\nanchor = anchor.closest( 'a.tasty-recipes-scrollto' );\n}\n\nif ( ! anchor || ! anchor.classList.contains( 'tasty-recipes-scrollto' ) ) {\nreturn;\n}\n\nconst elementHref = anchor.getAttribute( 'href' );\nif ( ! elementHref ) {\nreturn;\n}\n\ne.preventDefault();\nthis.goToSelector( elementHref );\n});\n},\ngoToSelector( selector ) {\nconst element = document.querySelector( selector );\nif ( ! element ) {\nreturn;\n}\nelement.scrollIntoView( { behavior: 'smooth' } );\n}\n};\n\ndocument.addEventListener(\n'DOMContentLoaded',\n() => window.TastyRecipes.smoothScroll.init()\n);\n\n(function(){\n\n\nvar bothEquals = function( d1, d2, D ) {\nvar ret = 0;\nif (d1<=D) {\nret++;\n}\nif (d2<=D) {\nret++;\n}\nreturn ret === 2;\n};\n\nvar frac =function frac(x,D,mixed){var n1=Math.floor(x),d1=1;var n2=n1+1,d2=1;if(x!==n1){while(bothEquals(d1,d2,D)){var m=(n1+n2)\/(d1+d2);if(x===m){if(d1+d2<=D){d1+=d2;n1+=n2;d2=D+1}else if(d1>d2){d2=D+1;}else {d1=D+1;}break}else if(x<m){n2=n1+n2;d2=d1+d2}else{n1=n1+n2;d1=d1+d2}}}if(d1>D){d1=d2;n1=n2}if(!mixed){return[0,n1,d1];}var q=Math.floor(n1\/d1);return[q,n1-q*d1,d1]};frac.cont=function cont(x,D,mixed){var sgn=x<0?-1:1;var B=x*sgn;var P_2=0,P_1=1,P=0;var Q_2=1,Q_1=0,Q=0;var A=Math.floor(B);while(Q_1<D){A=Math.floor(B);P=A*P_1+P_2;Q=A*Q_1+Q_2;if(B-A<5e-8){break;}B=1\/(B-A);P_2=P_1;P_1=P;Q_2=Q_1;Q_1=Q}if(Q>D){if(Q_1>D){Q=Q_2;P=P_2}else{Q=Q_1;P=P_1}}if(!mixed){return[0,sgn*P,Q];}var q=Math.floor(sgn*P\/Q);return[q,sgn*P-q*Q,Q]};\n\n\nwindow.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent(\"%7B%22%C2%BC%22%3A%221%2F4%22%2C%22%C2%BD%22%3A%221%2F2%22%2C%22%C2%BE%22%3A%223%2F4%22%2C%22%E2%85%93%22%3A%221%2F3%22%2C%22%E2%85%94%22%3A%222%2F3%22%2C%22%E2%85%95%22%3A%221%2F5%22%2C%22%E2%85%96%22%3A%222%2F5%22%2C%22%E2%85%97%22%3A%223%2F5%22%2C%22%E2%85%98%22%3A%224%2F5%22%2C%22%E2%85%99%22%3A%221%2F6%22%2C%22%E2%85%9A%22%3A%225%2F6%22%2C%22%E2%85%9B%22%3A%221%2F8%22%2C%22%E2%85%9C%22%3A%223%2F8%22%2C%22%E2%85%9D%22%3A%225%2F8%22%2C%22%E2%85%9E%22%3A%227%2F8%22%7D\"));\n\nwindow.tastyRecipesFormatAmount = function(amount, el) {\nif ( parseFloat( amount ) === parseInt( amount ) ) {\nreturn amount;\n}\nvar roundType = 'frac';\nif (typeof el.dataset.amountShouldRound !== 'undefined') {\nif ('false' !== el.dataset.amountShouldRound) {\nif ( 'number' === el.dataset.amountShouldRound ) {\nroundType = 'number';\n} else if ('frac' === el.dataset.amountShouldRound) {\nroundType = 'frac';\n} else if ('vulgar' === el.dataset.amountShouldRound) {\nroundType = 'vulgar';\n} else {\nroundType = 'integer';\n}\n}\n}\nif ('number' === roundType) {\namount = Number.parseFloat(amount).toPrecision(2);\n} else if ('integer' === roundType) {\namount = Math.round(amount);\n} else if ('frac' === roundType || 'vulgar' === roundType) {\nvar denom = 8;\nif (typeof el.dataset.unit !== 'undefined') {\nvar unit = el.dataset.unit;\nif (['cups','cup','c'].includes(unit)) {\ndenom = 4;\nif (0.125 === amount) {\ndenom = 8;\n}\nif (\"0.1667\" === Number.parseFloat( amount ).toPrecision(4)) {\ndenom = 6;\n}\n}\nif (['tablespoons','tablespoon','tbsp'].includes(unit)) {\ndenom = 2;\n}\nif (['teaspoons','teaspoon','tsp'].includes(unit)) {\ndenom = 8;\n}\n}\nvar amountArray = frac.cont( amount, denom, true );\nvar newAmount = '';\nif ( amountArray[1] !== 0 ) {\nnewAmount = amountArray[1] + '\/' + amountArray[2];\nif ('vulgar' === roundType) {\nObject.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {\nif (newAmount === window.tastyRecipesVulgarFractions[vulgar]) {\nnewAmount = vulgar;\n}\n});\n}\n}\nif ( newAmount ) {\nnewAmount = ' ' + newAmount;\n}\nif ( amountArray[0] ) {\nnewAmount = amountArray[0] + newAmount;\n}\namount = newAmount;\n}\nreturn amount;\n};\n\n\nwindow.tastyRecipesUpdatePrintLink = () => {\n\nconst printButton = document.querySelector( '.tasty-recipes-print-button' );\n\n\nif ( ! printButton ) {\nreturn;\n}\n\nconst printURL = new URL( printButton.href );\nconst searchParams = new URLSearchParams( printURL.search );\n\nconst unitButton = document.querySelector( '.tasty-recipes-convert-button-active' );\nconst scaleButton = document.querySelector( '.tasty-recipes-scale-button-active' );\n\nlet unit = '';\nlet scale = '';\n\nif ( unitButton ) {\nunit = unitButton.dataset.unitType;\nsearchParams.delete('unit');\nsearchParams.set( 'unit', unit );\n}\n\nif ( scaleButton ) {\nscale = scaleButton.dataset.amount;\nsearchParams.set( 'scale', scale );\n}\n\nconst paramString = searchParams.toString();\nconst newURL = '' === paramString ? printURL.href : printURL.origin + printURL.pathname + '?' + paramString;\nconst printLinks = document.querySelectorAll( '.tasty-recipes-print-link' );\n\nprintLinks.forEach( ( el ) => {\nel.href = newURL;\n});\n\nconst printButtons = document.querySelectorAll( '.tasty-recipes-print-button' );\nprintButtons.forEach( ( el ) => {\nel.href = newURL;\n});\n};\n\n\ndocument.addEventListener( 'DOMContentLoaded', () => {\n\n\nif ( ! window.location.href.includes( '\/print\/' ) ) {\nreturn;\n}\n\nconst searchParams = new URLSearchParams( window.location.search );\n\nconst unit = searchParams.get( 'unit' );\nconst scale = searchParams.get( 'scale' );\n\nif ( unit && ( 'metric' === unit || 'usc' === unit ) ) {\ndocument.querySelector( '.tasty-recipes-convert-button[data-unit-type=\"' + unit + '\"]' ).click();\n}\n\nif ( scale && Number(scale) > 0 ) {\ndocument.querySelector( '.tasty-recipes-scale-button[data-amount=\"' + Number(scale) + '\"]' ).click();\n}\n});\n}());\n\n(function(){\nvar buttonClass = 'tasty-recipes-scale-button',\nbuttonActiveClass = 'tasty-recipes-scale-button-active',\nbuttons = document.querySelectorAll('.tasty-recipes-scale-button');\nif ( ! buttons ) {\nreturn;\n}\n\nbuttons.forEach(function(button){\nbutton.addEventListener('click', function(event){\nevent.preventDefault();\nvar recipe = event.target.closest('.tasty-recipes');\nif ( ! recipe ) {\nreturn;\n}\nvar otherButtons = recipe.querySelectorAll('.' + buttonClass);\notherButtons.forEach(function(bt){\nbt.classList.remove(buttonActiveClass);\n});\nbutton.classList.add(buttonActiveClass);\n\n\nvar scalables = recipe.querySelectorAll('span[data-amount]');\nvar buttonAmount = parseFloat( button.dataset.amount );\nscalables.forEach(function(scalable){\nif (typeof scalable.dataset.amountOriginalType === 'undefined'\n&& typeof scalable.dataset.nfOriginal === 'undefined') {\nif (-1 !== scalable.innerText.indexOf('\/')) {\nscalable.dataset.amountOriginalType = 'frac';\n}\nif (-1 !== scalable.innerText.indexOf('.')) {\nscalable.dataset.amountOriginalType = 'number';\n}\nObject.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {\nif (-1 !== scalable.innerText.indexOf(vulgar)) {\nscalable.dataset.amountOriginalType = 'vulgar';\n}\n});\nif (typeof scalable.dataset.amountOriginalType !== 'undefined') {\nscalable.dataset.amountShouldRound = scalable.dataset.amountOriginalType;\n}\n}\nvar amount = parseFloat( scalable.dataset.amount ) * buttonAmount;\namount = window.tastyRecipesFormatAmount(amount, scalable);\nif ( typeof scalable.dataset.unit !== 'undefined' ) {\nif ( ! scalable.classList.contains('nutrifox-quantity') ) {\nif ( ! scalable.classList.contains('nutrifox-second-quantity') ) {\namount += ' ' + scalable.dataset.unit;\n}\n}\n}\nscalable.innerText = amount;\n});\n\nvar nonNumerics = recipe.querySelectorAll('[data-has-non-numeric-amount]');\nnonNumerics.forEach(function(nonNumeric){\nvar indicator = nonNumeric.querySelector('span[data-non-numeric-label]');\nif ( indicator ) {\nnonNumeric.removeChild(indicator);\n}\nif ( 1 !== buttonAmount ) {\nindicator = document.createElement('span');\nindicator.setAttribute('data-non-numeric-label', true);\nvar text = document.createTextNode(' (x' + buttonAmount + ')');\nindicator.appendChild(text);\nnonNumeric.appendChild(indicator);\n}\n});\n\nwindow.tastyRecipesUpdatePrintLink();\n});\n});\n}());\n\nwindow.TastyRecipes = window.TastyRecipes || {};\nwindow.TastyRecipes.cookMode = {\nwakeLockApi: false,\nwakeLock: false,\ncookModeSelector: '.tasty-recipes-cook-mode',\ninit() {\nif (\"wakeLock\" in navigator && \"request\" in navigator.wakeLock) {\nthis.wakeLockApi = navigator.wakeLock;\n}\n\nconst cookModes = document.querySelectorAll(this.cookModeSelector);\n\nif (cookModes.length > 0) {\nfor (const cookMode of cookModes) {\nif (this.wakeLockApi) {\ncookMode.querySelector('input[type=\"checkbox\"]').addEventListener(\"change\", event => {\nthis.checkboxChange(event.target);\n}, false);\n} else {\ncookMode.style.display = \"none\";\n}\n}\n}\n},\ncheckboxChange(checkbox) {\nif (checkbox.checked) {\nthis.lock();\n} else {\nthis.unlock();\n}\n},\nsetCheckboxesState(state) {\nconst checkboxes = document.querySelectorAll(this.cookModeSelector + ' input[type=\"checkbox\"]');\nfor (const checkbox of checkboxes) {\ncheckbox.checked = state;\n}\n},\nasync lock() {\ntry {\nthis.wakeLock = await this.wakeLockApi.request(\"screen\");\nthis.wakeLock.addEventListener(\"release\", () => {\nthis.wakeLock = false;\nthis.setCheckboxesState(false);\n});\nthis.setCheckboxesState(true);\n} catch (error) {\nthis.setCheckboxesState(false);\n}\n},\nunlock() {\nif (this.wakeLock) {\nthis.wakeLock.release();\nthis.wakeLock = false;\n}\nthis.setCheckboxesState(false);\n}\n};\n\n(function(callback) {\nif (document.readyState !== \"loading\") {\ncallback();\n} else {\ndocument.addEventListener(\"DOMContentLoaded\", callback);\n}\n})(() => {\nwindow.TastyRecipes.cookMode.init();\n});\n\n\n\nwindow.TastyRecipes = window.TastyRecipes || {};\n\nwindow.TastyRecipes.staticTooltip = {\nelement: null,\ntooltipElement: null,\ndeleting: false,\ninit( element ) {\nif ( this.deleting ) {\nreturn;\n}\nthis.element = element;\nthis.buildElements();\n},\ndestroy() {\nif ( ! this.tooltipElement || this.deleting ) {\nreturn;\n}\n\nthis.deleting = true;\nthis.tooltipElement.classList.remove( 'opened' );\n\nsetTimeout( () => {\nthis.tooltipElement.remove();\nthis.deleting = false;\n}, 500 );\n},\nbuildElements() {\nconst tooltipElement = document.createElement( 'div' );\ntooltipElement.classList.add( 'tasty-recipes-static-tooltip');\ntooltipElement.setAttribute( 'id', 'tasty-recipes-tooltip' );\n\nconst currentTooltipElement = document.getElementById( 'tasty-recipes-tooltip' );\nif ( currentTooltipElement ) {\ndocument.body.replaceChild( tooltipElement, currentTooltipElement );\n} else {\ndocument.body.appendChild( tooltipElement );\n}\n\nthis.tooltipElement = document.getElementById( 'tasty-recipes-tooltip' );\n},\nshow() {\nif ( ! this.tooltipElement ) {\nreturn;\n}\n\nconst tooltipTop = this.element.getBoundingClientRect().top\n+ window.scrollY\n- 10 \/\/ 10px offset.\n- this.tooltipElement.getBoundingClientRect().height;\nconst tooltipLeft = this.element.getBoundingClientRect().left\n- ( this.tooltipElement.getBoundingClientRect().width \/ 2 )\n+ ( this.element.getBoundingClientRect().width \/ 2 ) - 1;\nconst posLeft = Math.max( 10, tooltipLeft );\nthis.maybeRemoveTail( posLeft !== tooltipLeft );\n\nthis.tooltipElement.setAttribute( 'style', 'top:' + tooltipTop + 'px;left:' + posLeft + 'px;' );\nthis.tooltipElement.classList.add( 'opened' );\n\n},\nmaybeRemoveTail( removeTail ) {\nif ( removeTail ) {\nthis.tooltipElement.classList.add( 'tr-hide-tail' );\n} else {\nthis.tooltipElement.classList.remove( 'tr-hide-tail' );\n}\n},\nchangeMessage( message ) {\nif ( ! this.tooltipElement ) {\nreturn;\n}\nthis.tooltipElement.innerHTML = message;\n}\n};\n\nwindow.TastyRecipes.ajax = {\nsendPostRequest( url, data, success, failure ) {\nconst xhr = new XMLHttpRequest();\nxhr.open( 'POST', url, true );\nxhr.send( this.preparePostData( data ) );\n\nxhr.onreadystatechange = () => {\nif ( 4 !== xhr.readyState ) {\nreturn;\n}\nif ( xhr.status === 200 ) {\nsuccess( JSON.parse( xhr.responseText ) );\nreturn;\n}\n\nfailure( xhr );\n};\n\nxhr.onerror = () => {\nfailure( xhr );\n};\n},\npreparePostData( data ) {\nconst formData = new FormData();\n\nfor ( const key in data ) {\nformData.append( key, data[key] );\n}\nreturn formData;\n},\n};\n\nwindow.TastyRecipes.ratings = {\ndefaultRating: 0,\ncurrentRatingPercentage: 100,\nsavingRating: false,\ninit( minRating ) {\nthis.minRating = minRating;\n\nthis.formWatchRating();\nthis.closeTooltipWhenClickOutside();\nthis.addBodyClassBasedOnSelectedRating();\nthis.backwardCompFormRatingPosition();\n},\nformWatchRating() {\nconst ratings = document.querySelectorAll('.tasty-recipes-no-ratings-buttons [data-rating]');\nif ( ratings.length <= 0 ) {\nreturn;\n}\nfor ( const rating of ratings ) {\nrating.addEventListener( 'click', event => {\nevent.preventDefault();\nthis.defaultRating = event.target.closest( '.checked' ).dataset.rating;\nthis.setCheckedStar( event.target );\nthis.maybeSendRating( this.defaultRating, event.target );\nthis.setRatingInForm( this.defaultRating );\n} );\n}\n},\ncloseTooltipWhenClickOutside() {\nwindow.addEventListener( 'click', e => {\n\/\/ Bailout (don't remove the tooltip) when the clicked element is a rating star, or it's the tooltip itself.\nif ( e.target.closest( '.tasty-recipes-rating' ) || e.target.classList.contains( 'tasty-recipes-static-tooltip' ) ) {\nreturn;\n}\n\nwindow.TastyRecipes.staticTooltip.destroy();\n} );\n},\n setRatingInForm( rating ) {\nconst ratingInput = document.querySelector( '#respond .tasty-recipes-rating[value=\"' + rating + '\"]' );\nif ( ! ratingInput ) {\nreturn;\n}\nratingInput.click();\n},\naddBodyClassBasedOnSelectedRating() {\nconst ratingInputs = document.querySelectorAll( 'input.tasty-recipes-rating' );\nif ( ! ratingInputs ) {\nreturn;\n}\nfor ( const ratingInput of ratingInputs ) {\nratingInput.addEventListener( 'click', currentEvent => {\nconst selectedRating = currentEvent.target.getAttribute( 'value' );\nthis.handleBodyClassByRating( selectedRating );\nthis.toggleCommentTextareaRequired( selectedRating );\n} );\n}\n},\nhandleBodyClassByRating( rating ) {\nif ( rating < this.minRating ) {\ndocument.body.classList.remove( 'tasty-recipes-selected-minimum-rating' );\nreturn;\n}\ndocument.body.classList.add( 'tasty-recipes-selected-minimum-rating' );\n},\ntoggleCommentTextareaRequired( rating ) {\nconst commentTextarea = document.getElementById( 'comment' );\nif ( ! commentTextarea ) {\nreturn;\n}\n\nif ( rating < this.minRating ) {\ncommentTextarea.setAttribute( 'required', '' );\nreturn;\n}\n\ncommentTextarea.removeAttribute( 'required' );\n},\nmaybeSendRating( rating, element ) {\nif ( this.savingRating === rating ) {\nreturn;\n}\n\nthis.savingRating = rating;\nwindow.TastyRecipes.staticTooltip.init( element );\n\nconst recipeCardElement = element.closest( '.tasty-recipes' );\nif ( ! recipeCardElement ) {\nwindow.TastyRecipes.staticTooltip.destroy();\nreturn;\n}\n\nwindow.TastyRecipes.ajax.sendPostRequest(\nwindow.trCommon.ajaxurl,\n{\naction: 'tasty_recipes_save_rating',\nrating,\nnonce: window.trCommon.ratingNonce,\npost_id: window.trCommon.postId,\nrecipe_id: recipeCardElement.dataset.trId,\n},\n( response ) => {\nwindow.TastyRecipes.staticTooltip.changeMessage( response.data.message );\nwindow.TastyRecipes.staticTooltip.show();\nthis.updateAverageText( response.data, recipeCardElement );\nthis.maybeFillCommentForm( response.data );\n\n\/\/ Hide the tooltip after 5 seconds.\nsetTimeout( () => {\nthis.maybeResetTooltip( recipeCardElement, response.data, rating );\n}, 5000 );\n},\n() => {\nthis.resetTooltip( recipeCardElement );\n}\n);\n},\nupdateAverageText( data, recipeCardElement ) {\nif ( ! data.average ) {\nreturn;\n}\nthis.setRatingPercent( data );\n\nif ( ! data.count ) {\nreturn;\n}\n\nconst quickLink = document.querySelector( '.tasty-recipes-rating-link' );\nif ( quickLink ) {\nthis.setTextInContainer( quickLink, data );\nthis.setPartialStar( quickLink );\n}\n\nconst cardStars = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' );\ncardStars.dataset.trDefaultRating = data.average;\nthis.setTextInContainer( recipeCardElement.querySelector( '.tasty-recipes-rating' ), data );\n},\nsetTextInContainer( container, data ) {\nif ( ! container ) {\nreturn;\n}\n\nif ( data.label ) {\nconst ratingLabelElement = container.querySelector( '.rating-label' );\nif ( ratingLabelElement ) {\nratingLabelElement.innerHTML = data.label;\n}\nreturn;\n}\n\nconst averageElement = container.querySelector( '.average' );\nif ( averageElement ) {\naverageElement.textContent = data.average;\n}\n\nconst countElement = container.querySelector( '.count' );\nif ( countElement ) {\ncountElement.textContent = data.count;\n}\n},\nsetPartialStar( container ) {\nconst highestStar = container.querySelector( '[data-rating=\"' + Math.ceil( this.defaultRating ) + '\"]' );\nif ( highestStar ) {\nhighestStar.dataset.trClip = this.currentRatingPercentage;\n}\n},\nsetRatingPercent( data ) {\nthis.defaultRating = data.average.toFixed( 1 );\nconst parts = data.average.toFixed( 2 ).toString().split( '.' );\nthis.currentRatingPercentage = parts[1] ? parts[1] : 100;\nif ( this.currentRatingPercentage === '00' ) {\nthis.currentRatingPercentage = 100;\n}\n},\nsetCheckedStar( target ) {\nconst cardRatingContainer = target.closest( '.tasty-recipes-ratings-buttons' );\nconst selectedRatingElement = cardRatingContainer.querySelector( '[data-tr-checked]' );\nif ( selectedRatingElement ) {\ndelete selectedRatingElement.dataset.trChecked;\n}\n\nconst thisStar = target.closest( '.tasty-recipes-rating' );\nthisStar.dataset.trChecked = 1;\nthisStar.querySelector( '[data-tr-clip]' ).dataset.trClip = 100;\n},\nmaybeFillCommentForm( data ) {\nif ( ! data.comment || ! data.comment.content ) {\nreturn;\n}\n\nconst commentForm = document.querySelector( '#commentform' );\nif ( ! commentForm ) {\nreturn;\n}\n\nconst commentBox = commentForm.querySelector( '[name=comment]' );\nif ( ! commentBox || commentBox.value ) {\nreturn;\n}\n\n\/\/ Add comment details for editing.\ncommentBox.innerHTML = data.comment.content;\nif ( data.comment.name ) {\ncommentForm.querySelector( '[name=author]' ).value = data.comment.name;\ncommentForm.querySelector( '[name=email]' ).value = data.comment.email;\n}\n},\nmaybeResetTooltip( recipeCardElement, data, rating ) {\nif ( this.savingRating === rating ) {\nthis.resetTooltip( recipeCardElement, data );\n}\n},\nresetTooltip( recipeCardElement, data ) {\nwindow.TastyRecipes.staticTooltip.destroy();\nthis.savingRating = false;\n\n\/\/ Reset the default rating.\nconst cardRatingContainer = recipeCardElement.querySelector( '.tasty-recipes-ratings-buttons' );\nif ( cardRatingContainer ) {\nthis.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating;\ncardRatingContainer.dataset.trDefaultRating = this.defaultRating;\n\nthis.resetSelectedStar( cardRatingContainer, data );\n}\n},\nresetSelectedStar( cardRatingContainer ) {\nconst selectedRatingElement = cardRatingContainer.querySelector( '[data-rating=\"' + Math.ceil( this.defaultRating ) + '\"]' );\nif ( selectedRatingElement ) {\nselectedRatingElement.querySelector( '[data-tr-clip]' ).dataset.trClip = this.currentRatingPercentage;\nselectedRatingElement.parentNode.dataset.trChecked = 1;\n}\n\nconst previousSelectedElement= cardRatingContainer.querySelector( '[data-tr-checked]' );\nif ( previousSelectedElement ) {\nconst currentSelectedRating = previousSelectedElement.querySelector('[data-rating]');\nif ( currentSelectedRating !== selectedRatingElement ) {\ndelete previousSelectedElement.dataset.trChecked;\n}\n}\n},\nbackwardCompFormRatingPosition() {\nconst ratingsButtons = document.querySelector( '#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons' );\nif ( ! ratingsButtons ) {\nreturn;\n}\nconst ratingsButtonsStyles = window.getComputedStyle(ratingsButtons);\nif ( ! ratingsButtonsStyles.display.includes( 'flex' ) ) {\nratingsButtons.style.direction = 'rtl';\n}\n\nif ( typeof tastyRecipesRating !== 'undefined' ) {\n\/\/ Select the rating that was previously selected in admin.\nratingsButtons.querySelector( '.tasty-recipes-rating[value=\"' + tastyRecipesRating + '\"]' ).checked = true;\n}\n\nconst ratingSpans = ratingsButtons.querySelectorAll( '.tasty-recipes-rating' );\nfor (const ratingSpan of ratingSpans) {\nratingSpan.addEventListener( 'click', event => {\nif ( ratingSpan === event.target ) {\nreturn;\n}\nratingSpan.previousElementSibling.click();\n} );\n}\n}\n};\n\n(function(callback) {\nif (document.readyState !== \"loading\") {\ncallback();\n} else {\nwindow.addEventListener( 'load', callback );\n}\n})(() => {\nwindow.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 );\n});\n<\/script><\/div>\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5.jpg\"><img decoding=\"async\" width=\"700\" height=\"1050\" src=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5.jpg\" alt=\"Have you ever wondered how to make a London Fog? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine. Perfect for cold winter mornings or afternoon pick-me-ups!\" class=\"wp-image-14746\" style=\"width:790px\" srcset=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5.jpg 700w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5-400x600.jpg 400w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5-683x1024.png 683w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5-600x900.jpg 600w, https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-5-200x300.png 200w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/figure>\n\n","protected":false},"excerpt":{"rendered":"<p>Have you ever wondered how to make a London Fog Drink? It&rsquo;s the ultimate tea latte recipe with a hint&hellip;<\/p>\n","protected":false},"author":2,"featured_media":14741,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"categories":[459,5596,37,100,32],"tags":[6958,6959],"class_list":{"2":"type-post"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Make a London Fog Drink - The Healthy Maven<\/title>\n<meta name=\"description\" content=\"Have you ever wondered how to make a London Fog Drink? It&#039;s the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make a London Fog Drink\" \/>\n<meta property=\"og:description\" content=\"Have you ever wondered how to make a London Fog Drink? It&#039;s the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\" \/>\n<meta property=\"og:site_name\" content=\"The Healthy Maven\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thehealthymaven\" \/>\n<meta property=\"article:author\" content=\"www.facebook.com\/thehealthymaven\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-04T13:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-12T13:47:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Davida Lederle\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Davida Lederle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\"},\"author\":{\"name\":\"Davida Lederle\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/acb6d9e44f9b367e4df8265d69a7dea1\"},\"headline\":\"How To Make a London Fog Drink\",\"datePublished\":\"2023-01-04T13:00:00+00:00\",\"dateModified\":\"2025-09-12T13:47:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\"},\"wordCount\":904,\"commentCount\":261,\"publisher\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg\",\"keywords\":[\"Gluten-free\",\"Vegan\"],\"articleSection\":[\"Drink Recipes\",\"Featured\",\"Gluten-Free Recipes\",\"Paleo Recipes\",\"Vegan Recipes\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\",\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\",\"name\":\"How To Make a London Fog Drink - The Healthy Maven\",\"isPartOf\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg\",\"datePublished\":\"2023-01-04T13:00:00+00:00\",\"dateModified\":\"2025-09-12T13:47:14+00:00\",\"description\":\"Have you ever wondered how to make a London Fog Drink? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770\"},{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388\"},{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503\"},{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258\"},{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261\"},{\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage\",\"url\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg\",\"contentUrl\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg\",\"width\":700,\"height\":700},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.thehealthymaven.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Drink Recipes\",\"item\":\"https:\/\/www.thehealthymaven.com\/category\/drinks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Make a London Fog Drink\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#website\",\"url\":\"https:\/\/www.thehealthymaven.com\/\",\"name\":\"The Healthy Maven\",\"description\":\"-where healthy meets living-\",\"publisher\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thehealthymaven.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#organization\",\"name\":\"The Healthy Maven LLC\",\"url\":\"https:\/\/www.thehealthymaven.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2024\/01\/the-healthy-maven-default-image.jpg\",\"contentUrl\":\"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2024\/01\/the-healthy-maven-default-image.jpg\",\"width\":696,\"height\":696,\"caption\":\"The Healthy Maven LLC\"},\"image\":{\"@id\":\"https:\/\/www.thehealthymaven.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/thehealthymaven\",\"https:\/\/x.com\/thehealthymaven\",\"https:\/\/www.instagram.com\/thehealthymaven\",\"https:\/\/www.pinterest.com\/thehealthymaven\",\"https:\/\/www.youtube.com\/channel\/UCyK5nQt0c37nilRzVBRXv6g\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/acb6d9e44f9b367e4df8265d69a7dea1\",\"name\":\"Davida Lederle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35fd0c7c207f10c54f4afab6334ed776b428660e339583e2b0fe1de68ffa7d2d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35fd0c7c207f10c54f4afab6334ed776b428660e339583e2b0fe1de68ffa7d2d?s=96&d=mm&r=g\",\"caption\":\"Davida Lederle\"},\"description\":\"Welcome to The Healthy Maven! I'm Davida and I've been food blogging for over a decade. I'm also a certified herbalist, yoga instructor and major health junkie. My goal is to help you live healthFULLY rather than living for your health. I provide simple and nutritious recipes, clean beauty and lifestyle tips so you can live well.\",\"sameAs\":[\"https:\/\/www.thehealthymaven.com\/author\/davida\/\",\"www.facebook.com\/thehealthymaven\",\"www.instagram.com\/thehealthymaven\",\"https:\/\/x.com\/TheHealthyMaven\"],\"knowsAbout\":[\"cooking\",\"food blogging\",\"yoga\",\"clean beauty\"],\"url\":\"https:\/\/www.thehealthymaven.com\/author\/davida\/\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770\",\"position\":1,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770\",\"name\":\"What's the difference between a london fog and an earl grey tea latte?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"They are very very similar. An earl grey tea latte would be steeped earl grey tea + milk (and optional sweetener if desired). A London Fog is the same thing plus added vanilla and sweetener.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388\",\"position\":2,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388\",\"name\":\"Can I make an iced london fog?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes! Simply steep the tea then allow it to cool in the fridge. Instead of frothing the milk you'll just combine the cooled steeped tea, milk, sweetener and vanilla over ice.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503\",\"position\":3,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503\",\"name\":\"Can I use a different type of milk?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely! This London Fog recipe tastes great with whatever kind of milk you have on hand or prefer. My personal favorites are vanilla almond but oat milk, coconut milk or even whole milk all taste great!\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258\",\"position\":4,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258\",\"name\":\"Why doesn't this recipe use pumped vanilla?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"It's a personal preference! I like to control the amount of sweetness in my recipes and rather than using pumped vanilla (Starbucks uses 3-5 pumps which is a lot of sugar) I prefer to use honey and vanilla extract.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261\",\"position\":5,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261\",\"name\":\"How many servings is this London Fog recipe?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This london fog recipes serves 1. You can always double or triple it if desired.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330\",\"position\":6,\"url\":\"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330\",\"name\":\"Can I use a different kind of tea?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes! A london fog typically uses Earl Grey tea but you can make a different tea latte recipe by subbing in whatever tea you prefer.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Make a London Fog Drink - The Healthy Maven","description":"Have you ever wondered how to make a London Fog Drink? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/","og_locale":"en_US","og_type":"article","og_title":"How To Make a London Fog Drink","og_description":"Have you ever wondered how to make a London Fog Drink? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.","og_url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/","og_site_name":"The Healthy Maven","article_publisher":"https:\/\/www.facebook.com\/thehealthymaven","article_author":"www.facebook.com\/thehealthymaven","article_published_time":"2023-01-04T13:00:00+00:00","article_modified_time":"2025-09-12T13:47:14+00:00","og_image":[{"width":700,"height":700,"url":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg","type":"image\/jpeg"}],"author":"Davida Lederle","twitter_misc":{"Written by":"Davida Lederle","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#article","isPartOf":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/"},"author":{"name":"Davida Lederle","@id":"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/acb6d9e44f9b367e4df8265d69a7dea1"},"headline":"How To Make a London Fog Drink","datePublished":"2023-01-04T13:00:00+00:00","dateModified":"2025-09-12T13:47:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/"},"wordCount":904,"commentCount":261,"publisher":{"@id":"https:\/\/www.thehealthymaven.com\/#organization"},"image":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg","keywords":["Gluten-free","Vegan"],"articleSection":["Drink Recipes","Featured","Gluten-Free Recipes","Paleo Recipes","Vegan Recipes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/","url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/","name":"How To Make a London Fog Drink - The Healthy Maven","isPartOf":{"@id":"https:\/\/www.thehealthymaven.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage"},"image":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg","datePublished":"2023-01-04T13:00:00+00:00","dateModified":"2025-09-12T13:47:14+00:00","description":"Have you ever wondered how to make a London Fog Drink? It's the ultimate tea latte recipe with a hint of sweetness and boost of caffeine.","breadcrumb":{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770"},{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388"},{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503"},{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258"},{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261"},{"@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#primaryimage","url":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg","contentUrl":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2017\/02\/How-To-Make-a-London-Fog-FI-e1570716837393.jpg","width":700,"height":700},{"@type":"BreadcrumbList","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thehealthymaven.com\/"},{"@type":"ListItem","position":2,"name":"Drink Recipes","item":"https:\/\/www.thehealthymaven.com\/category\/drinks\/"},{"@type":"ListItem","position":3,"name":"How To Make a London Fog Drink"}]},{"@type":"WebSite","@id":"https:\/\/www.thehealthymaven.com\/#website","url":"https:\/\/www.thehealthymaven.com\/","name":"The Healthy Maven","description":"-where healthy meets living-","publisher":{"@id":"https:\/\/www.thehealthymaven.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thehealthymaven.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thehealthymaven.com\/#organization","name":"The Healthy Maven LLC","url":"https:\/\/www.thehealthymaven.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thehealthymaven.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2024\/01\/the-healthy-maven-default-image.jpg","contentUrl":"https:\/\/www.thehealthymaven.com\/wp-content\/uploads\/2024\/01\/the-healthy-maven-default-image.jpg","width":696,"height":696,"caption":"The Healthy Maven LLC"},"image":{"@id":"https:\/\/www.thehealthymaven.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/thehealthymaven","https:\/\/x.com\/thehealthymaven","https:\/\/www.instagram.com\/thehealthymaven","https:\/\/www.pinterest.com\/thehealthymaven","https:\/\/www.youtube.com\/channel\/UCyK5nQt0c37nilRzVBRXv6g\/"]},{"@type":"Person","@id":"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/acb6d9e44f9b367e4df8265d69a7dea1","name":"Davida Lederle","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thehealthymaven.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/35fd0c7c207f10c54f4afab6334ed776b428660e339583e2b0fe1de68ffa7d2d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35fd0c7c207f10c54f4afab6334ed776b428660e339583e2b0fe1de68ffa7d2d?s=96&d=mm&r=g","caption":"Davida Lederle"},"description":"Welcome to The Healthy Maven! I'm Davida and I've been food blogging for over a decade. I'm also a certified herbalist, yoga instructor and major health junkie. My goal is to help you live healthFULLY rather than living for your health. I provide simple and nutritious recipes, clean beauty and lifestyle tips so you can live well.","sameAs":["https:\/\/www.thehealthymaven.com\/author\/davida\/","www.facebook.com\/thehealthymaven","www.instagram.com\/thehealthymaven","https:\/\/x.com\/TheHealthyMaven"],"knowsAbout":["cooking","food blogging","yoga","clean beauty"],"url":"https:\/\/www.thehealthymaven.com\/author\/davida\/"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770","position":1,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229183770","name":"What's the difference between a london fog and an earl grey tea latte?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"They are very very similar. An earl grey tea latte would be steeped earl grey tea + milk (and optional sweetener if desired). A London Fog is the same thing plus added vanilla and sweetener.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388","position":2,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229305388","name":"Can I make an iced london fog?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes! Simply steep the tea then allow it to cool in the fridge. Instead of frothing the milk you'll just combine the cooled steeped tea, milk, sweetener and vanilla over ice.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503","position":3,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229415503","name":"Can I use a different type of milk?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Absolutely! This London Fog recipe tastes great with whatever kind of milk you have on hand or prefer. My personal favorites are vanilla almond but oat milk, coconut milk or even whole milk all taste great!","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258","position":4,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229479258","name":"Why doesn't this recipe use pumped vanilla?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"It's a personal preference! I like to control the amount of sweetness in my recipes and rather than using pumped vanilla (Starbucks uses 3-5 pumps which is a lot of sugar) I prefer to use honey and vanilla extract.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261","position":5,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229581261","name":"How many servings is this London Fog recipe?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"This london fog recipes serves 1. You can always double or triple it if desired.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330","position":6,"url":"https:\/\/www.thehealthymaven.com\/how-to-make-a-london-fog\/#faq-question-1742229617330","name":"Can I use a different kind of tea?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes! A london fog typically uses Earl Grey tea but you can make a different tea latte recipe by subbing in whatever tea you prefer.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/posts\/13949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/comments?post=13949"}],"version-history":[{"count":6,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/posts\/13949\/revisions"}],"predecessor-version":[{"id":95781,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/posts\/13949\/revisions\/95781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/media\/14741"}],"wp:attachment":[{"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/media?parent=13949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/categories?post=13949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thehealthymaven.com\/wp-json\/wp\/v2\/tags?post=13949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}