[css-font-loading] Turns out firing events calls the event handlers syncly. Queue more tasks instead.

Author: tabatkins

css-font-loading/Overview.bs

@@ -634,12 +634,12 @@ Events</h3>
 		<li>
 			Set the {{FontFaceSet/status}} attribute of <var>font face set</var> to "loading".
 
-		<li>
-			<a>Fire a font load event</a> named {{loading}} at <var>font face set</var>.
-
 		<li>
 			If <var>font face set's</var> {{[[ReadyPromise]]}} slot currently holds a fulfilled promise,
 			replace it with a fresh pending promise.
+
+		<li>
+			Queue a task to <a>fire a font load event</a> named {{loading}} at <var>font face set</var>.
 	</ol>
 
 	When asked to <dfn>switch the FontFaceSet to loaded</dfn> for a given {{FontFaceSet}},
@@ -653,16 +653,20 @@ Events</h3>
 
 	3. Set <var>font face set’s</var> {{FontFaceSet/status}} attribute to "loaded".
 
-	4. <a>Fire a font load event</a> named {{loadingdone}} at <var>font face set</var>
-		with the (possibly empty) contents of <var>font face set's</var> {{[[LoadedFonts]]}} slot.
-		Reset the {{[[LoadedFonts]]}} slot to an empty list.
+	4. Fulfill <var>font face set's</var> {{[[ReadyPromise]]}} attribute's value with <var>font face set</var>.
+
+	5. Queue a task to perform the following steps synchronously:
+
+		1. <a>Fire a font load event</a> named {{loadingdone}} at <var>font face set</var>
+			with the (possibly empty) contents of <var>font face set's</var> {{[[LoadedFonts]]}} slot.
+		2. Reset the {{[[LoadedFonts]]}} slot to an empty list.
 
-	5. If <var>font face set's</var> {{[[FailedFonts]]}} slots is non-empty,
-		<a>fire a font load event</a> named {{loadingerror}} at <var>font face set</var>
-		with the contents of <var>font face set's</var> {{[[FailedFonts]]}} slot.
-		Reset the {{[[FailedFonts]]}} slot to an empty list.
+	6. Queue a task to perform the following steps synchronously:
 
-	6. Fulfill <var>font face set's</var> {{[[ReadyPromise]]}} attribute's value with <var>font face set</var>.
+		1. If <var>font face set's</var> {{[[FailedFonts]]}} slots is non-empty,
+			<a>fire a font load event</a> named {{loadingerror}} at <var>font face set</var>
+			with the contents of <var>font face set's</var> {{[[FailedFonts]]}} slot.
+		2. Reset the {{[[FailedFonts]]}} slot to an empty list.
 
 	Whenever a {{FontFaceSet}} goes from <a>pending on the environment</a> to not <a>pending on the environment</a>,
 	the user agent must run the following steps: